/*
 * Mulla Sadra – vlastiti CSS
 * Preneseno iz Izgled → Prilagodi → Additional CSS (tema typology), 2026-10.
 * Izmjene pri prenosu:
 *  - uklonjeno ".home .entry-header{margin-bottom:25rem}" (nije djelovalo,
 *    jer ga nadjačava pravilo s "25px !important" na vrhu fajla)
 * Za provjeru na testnoj stranici:
 *  - selektor "filter-items div:..." nema tačku ispred "filter-items",
 *    pa ne djeluje; vjerovatno je trebalo ".filter-items"
 *  - pravila ".tml-..." odnose se na dodatak Theme My Login koji nije instaliran
 */

@media (max-width: 800px) {
    .typology-cover-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 70% center;
    }
}

.home .entry-header {
    margin-bottom: 25px !important;
}

.cover-item-container {
    flex-direction: initial;
}

#anspress blockquote,
q {
    position: relative;
    padding: 20px;
    text-align: center;
    font-size: 2rem;
    line-height: 1.88;
    border: 1px double rgba(0, 0, 0, .1);
    margin: 30px 0 10px 0;
    display: block;
}

#anspress blockquote .ap-q-content p:last-child {
    margin-bottom: 0;
    text-align: right;
}

.comment-content a,
.comment-reply-link,
.entry-content a,
.logged-in-as a,
.textwidget a,
.typology-footer .widget p a {
    border-bottom: none !important;
}

.section-head {
    background: #f9f9f9;
}

.entry-content a:visited,
.ap-comment-content a:visited {
    color: #52aaba;
}

.hadis-dana a,
ul .menu-item-object-category a {
    text-transform: uppercase !important
}

.widget a {
    color: #818181
}

#answers-order,
.anspress .ap-btn-insertimage,
.anspress .ap-btn-select.ap-btn,
.ap-comments-count,
.ap-content .ap-notice.status-publish.closed,
.ap-list-counts,
.ap-list-head,
.ap-post-updated,
.ap-user .ap-bpsingle-meta,
.category .entry-meta,
.category .typology-archive-title,
.category .typology-post.type-post .entry-content,
.category-aktivnosti .post-letter,
.category-aktivnosti-video .post-letter,
.category-knjige .entry-meta,
.category-knjige .post-letter,
.category-online-biblioteka .entry-meta,
.category-online-biblioteka .post-letter,
.category-predavanja .post-letter,
.tag .post-letter,
.tag .typology-featured-image,
.tax-question_category .rank-math-breadcrumb,
.tml-user-link-dashboard,
.tml-user-link-profile,
.tml-user-link-site_admin,
.topic-religijske-teme>* .typology-featured-image,
.typology-cover .meta-item.meta-date,
.typology-cover .meta-item.meta-rtime,
.typology-post.type-post .entry-footer,
.typology-post.typology-layout-b .meta-item.meta-author,
.widget_custom_html #user-registration.vertical .user-registration-MyAccount-content,
filter-items div:not(:first-child):not(:nth-child(2)):not(:nth-child(4)) {
    display: none
}

#anspress .ap-q-metas {
    background: 0 0
}

#anspress .ap-questions-title {
    font-size: 16px
}

.ap-login-buttons a {
    color: #52aaba
}

.ap-display-meta-item.history,
.ap-display-meta-item.views,
.typology-action-button.typology-action-sidebar,
.user-registration-MyAccount-content p:nth-child(4),
.user-registration-profile-header,
.user-registration-profile-header .user-registration-nick-name,
.widget_custom_html .user-registration-form-row label {
    display: none !important
}

.user-registration-error,
.user-registration-info,
.user-registration-message {
    display: flex !important
}

#user-registration .user-registration-MyAccount-content {
    padding: 70px 30px 30px
}

#ap-categories-widget.ap-cat-wid>li .ap-cat-image {
    float: left;
    margin-right: 10px
}

.ap-cat-wid li,
.wpfep-registration-form li {
    list-style: none !important
}

.widget_custom_html #user-registration.vertical .user-registration-MyAccount-navigation {
    background: #f0f1f5;
    width: 100%
}

.widget_custom_html .user-registration-form p {
    margin: 10px 0 !important
}

.widget_custom_html #user-registration {
    background-color: #f2f2f2;
    margin: 10px 0 !important;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%)
}

.topic-religijske-teme.category>* .typology-layout-c.typology-post,
.widget_custom_html .ur-frontend-form .ur-form-row .ur-form-grid {
    padding: 0
}

.widget_custom_html .ur-frontend-form input[type=submit] {
    float: none;
    margin-top: 7px
}

.widget_custom_html .ur-frontend-form.login {
    background: 0
}

.category-aktivnosti .typology-featured-image,
.category-aktivnosti-video .typology-featured-image,
.category-biografije-autora-knjige .typology-featured-image,
.category-knjige .typology-featured-image,
.category-online-biblioteka .typology-featured-image,
.category-predavanja .typology-featured-image,
.category-recenzije .typology-featured-image,
.widget_custom_html .ur-frontend-form .ur-form-row {
    display: block
}

#user-registration .user-registration-error,
#user-registration .user-registration-info,
#user-registration .user-registration-message,
#user-registration.horizontal .user-registration-error,
#user-registration.horizontal .user-registration-info,
#user-registration.horizontal .user-registration-message {
    max-height: 160px
}

.layout-odd .typology-layout-c:nth-last-of-type(-n+2),
.typology-layout-c.post-image-on {
    margin: 0 0 4rem
}

#anspress .ap-cell-inner {
    border: 0
}

.meks_ess.circle,
.meks_ess.square,
.meks_ess.transparent {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ap-question-right.ap-col-3 .g-recaptcha {
    max-width: 200px;
    overflow: hidden;
    border-right: 1px solid #ccccccc4
}

.entry-content.clearfix::after {
    clear: right
}

.tml-button {
    padding: 5px 30px;
    font-size: 14px
}

.rc-anchor-normal {
    height: 74px;
    width: 185px
}

.tml-user-panel {
    position: relative
}

.tml-user-links {
    position: absolute;
    top: 0;
    left: 40px
}

.answer a {
    color: #69a7f5 !important
}

.answer a:hover {
    color: #1f81fe !important
}

.rank-math-breadcrumb .separator,
.rank-math-breadcrumb a {
    text-decoration: none;
    color: #bfbfbf;
    font-size: 14px
}

.rank-math-breadcrumb a:hover {
    color: #000
}

.typology-ad {
    margin: -70px 0 0 350px;
    text-align: left
}

#ap-filter-reset {
    font-size: 12px;
    line-height: 17px;
    min-width: 60px;
    height: 30px;
    text-align: left
}

.typology-cover .meta-item {
    margin-right: 0
}

#mks_social_widget-2 {
    text-align: center
}

#anspress .ap-questions .ap-avatar a {
    max-height: 44px;
    max-width: 44px
}

ul.sub-menu .menu-item-object-category a {
    color: #000 !important;
}

.post-letter {
    top: 68%
}

.category-hadis-dana .typology-posts,
.single-post .typology-single-post .elementor-posts-container {
    list-style-type: none;
    counter-reset: css-counter 0
}

.category-hadis-dana .typology-post,
.single-post .typology-single-post .elementor-post {
    counter-increment: css-counter 1
}

.single-post .typology-single-post .elementor-post:before {
    content: counter(css-counter) "";
    font-size: 38px;
    font-weight: 600;
    position: absolute;
    top: -18px;
    left: -53px;
    width: 44px;
    color: #ccc;
    z-index: -1;
    text-align: right
}

.archive-desc,
.category-hadis-dana .text-center,
.topic-religijske-teme.category>* .typology-posts .text-center {
    text-align: left
}

.single-post .typology-single-post .elementor-posts--align-left .elementor-post {
    position: relative;
    overflow: visible
}

.category-hadis-dana .typology-post:before {
    content: counter(css-counter) "";
    font-size: 40px;
    font-weight: 600;
    position: absolute;
    top: -20px;
    left: 0;
    width: 44px;
    color: #ccc;
    z-index: -1;
    text-align: right
}

.category-hadis-dana .col-lg-6,
.topic-religijske-teme.category>* .typology-posts .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.typology-cover-slider .owl-dots {
    bottom: 162px
}

.ap-btn {
    line-height: 2.2;
    padding: 5px 20px;
    font-size: 12px
}

#form_answer-post_content_ifr {
    min-height: 250px
}

.home .typology-cover .entry-title,
.home .typology-cover h1 {
    font-size: 3.4rem
}

.home .typology-cover {
    max-height: 70vh
}

.home .typology-cover-item {
    max-height: 300px;
    padding: 350px 0 215px
}

.entry-meta {
    margin-top: .8rem;
    z-index: 100
}

.hadis-dana a {
    color: #a89e5c !important;
    font-family: "Josefin Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 4em;
    letter-spacing: 8.3px
}

.hadis-dana a:hover {
    color: #ccc
}

#ap-filter-reset:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ccc !important
}

#anspress ul.ap-actions li.active a {
    background: #c6f7bd;
    margin: 0 12px;
    border-radius: 31px
}

#anspress #question {
    background: #f5f5f5
}

.anspress #ap-answers-c .ap-pagination {
    margin: 0
}

.anspress .mce-toolbar .mce-btn-group .mce-btn {
    max-width: 60px !important
}

.anspress .mce-btn button {
    text-align: left !important
}

.section-content {
    margin: 0 0 5rem 350px;
    max-width: 800px
}

.typology-sidebar2 {
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    display: block;
    z-index: 9999;
    margin: -20px 0 0
}

.typology-sidebar2 .widget {
    padding: 0 20px 30px 50px;
    border-right: 1px dotted #ccc;
    background: #fff
}

.knjige-info {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 34px
}

.detalji-knjiga {
    margin: 0 0 .6rem
}

.fields-polja {
    margin: 0 0 30px;
    padding: 60px;
    background-color: #f5f5f5
}

.typology-post,
.widget {
    margin-bottom: 1rem
}

.typology-header .typology-nav .sub-menu {
    width: 210px
}

.typology-layout-c .entry-header:after {
    content: "";
    position: absolute;
    height: .3px;
    width: 100%;
    display: block;
    left: 0;
    bottom: -18px;
    z-index: 2;
    background: #cccccc47
}

.topic-religijske-teme.category>* .typology-posts .typology-layout-c .post-letter {
    left: 0
}

.topic-religijske-teme.category>* .typology-layout-c .post-letter {
    height: 10rem
}

.topic-religijske-teme.category>* .post-letter {
    font-size: 10rem
}

.clearfix:before {
    clear: none;
    display: contents
}

.typology-post {
    width: 100%;
    padding-bottom: 1rem
}

.anspress-content .entry-content,
.ap-page-base .entry-content {
    display: table
}

.archive-desc {
    margin-top: 5px
}

.category-aktivnosti .typology-featured-image,
.category-aktivnosti-video .typology-featured-image,
.category-predavanja .typology-featured-image {
    width: 100%;
    float: none;
    height: 164px;
    overflow: hidden;
    border-radius: 6px
}

#anspress .ap-questions {
    border: 0 solid #eee
}

.anspress-content a,
.anspress-content a:hover {
    border-bottom: 0 solid
}

#anspress .ap-questions-summery {
    padding-right: 10px;
    margin-right: 0;
    margin-left: 65px
}

.category .section-title.h6 {
    font-size: 4.5rem
}

.category .section-title {
    padding-bottom: 1rem;
    margin-bottom: 0
}

.single .typology-featured-image {
    float: left !important;
    width: 50% !important;
    height: auto;
    margin-right: 20px;
    display: block
}

@media only screen and (min-width:1024px) {
    .typology-fake-bg .typology-section:first-child {
        min-height: 100vh
    }

    .category .section-title.h6 {
        font-size: 4.5rem;
        text-align: left
    }

    .category .section-title:after,
    .category .typology-post:after {
        bottom: 13px
    }

    .category .section-title.h6:after {
        display: none
    }

    .section-title:after,
    .typology-post:after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: -21px;
        background: #f1f1f1
    }

    .category .section-title.h6,
    .section-head .section-content {
        padding: 0 !important;
        margin: 0 !important
    }

    .typology-section {
        padding: 9rem 0 15rem
    }

    .typology-section-related .section-content {
        margin: 0 auto 12rem
    }

    .typology-section-related .section-head {
        margin: 0
    }

    .typology-section-related .section-title:after,
    .typology-section-related .typology-post:after {
        margin-left: 0
    }

    .container,
    .typology-section {
        max-width: 1200px
    }

    .section-content-page,
    .section-content.section-content-a,
    .single .typology-section:first-child .section-content {
        max-width: 800px
    }

    .section-head {
        margin: 0 0 0 300px;
        padding: 50px 50px 30px
    }
}

@media only screen and (min-width:1160px) {
    #anspress .ap-questions-summery {
        min-width: 500px
    }
}

@media only screen and (max-width:1024px) {
    .typology-sidebar2 {
        display: none
    }

    .section-content {
        max-width: 720px;
        margin: 0 auto 12rem;
    }

    .section-head .section-content {
        margin-bottom: initial
    }

    .home .typology-cover .entry-title,
    .home .typology-cover h1 {
        font-size: 3.1rem !important
    }

    .home .typology-cover-item {
        padding: 250px 0 215px
    }

    .typology-ad {
        margin: -50px 0 0;
        text-align: left
    }

    .typology-action-button.typology-action-sidebar {
        display: block !important
    }
}

@media only screen and (max-width:800px) {
    .typology-action-sidebar.menu-item {
        display: none
    }

    .section-head {
        margin-top: 1rem !important;
        margin: 0 -100px;
        padding: 30px 100px
    }

    .section-head .section-title.h6 {
        font-size: 3rem !important
    }

    .home .entry-header,
    .section-head .section-content {
        margin-bottom: initial
    }

    .home .typology-cover-item {
        padding: 100px 0 200px
    }

    .fields-polja {
        width: 100%
    }

    .single .typology-featured-image {
        width: 100% !important
    }

    .knjige-info {
        display: inline-table
    }

    #anspress .ap-q-content {
        font-size: 16px;
        line-height: 1.6
    }

    .h5,
    .typology-layout-c .h4,
    h5 {
        font-size: 1.8rem !important
    }
}

@media only screen and (min-width:768px) {
    .ap-col-8 {
        width: 100%;
        vertical-align: top
    }
}

@media only screen and (max-width:680px) {
    .section-content {
        margin: 0 auto 5rem
    }

    .ap-list-counts {
        display: none !important
    }

    .pull-right {
        float: none
    }

    #anspress .ap-q .ap-avatar {
        float: left;
        position: static
    }

    #anspress #answer-form-c .ap-avatar,
    #anspress .ap-list-counts,
    #anspress .ap-questions-item .ap-avatar {
        display: block
    }

    .typology-header {
        z-index: 9001
    }

    .typology-ad {
        margin: -30px 0 10px
    }

    .h6.section-title {
        font-size: 2.5rem !important;
        line-height: 1.6;
        margin-bottom: 16px;
        text-align: left
    }

    .section-title:after,
    .typology-post:after {
        height: 5px;
        left: 28px;
        margin-left: -25px;
        background: #333
    }

    .section-head {
        margin-top: 1rem !important;
        margin: 0 -30px;
        padding: 20px 30px
    }

    .typology-layout-c .h4 {
        font-size: 1.6rem !important
    }
}

@media (max-width:380px) {
    .cover-item-container {
        max-width: 90%
    }
}

/*
 * Hadis dana (dodatak "Mulla Sadra – Hadis dana"): sadržaj vertikalno centriran
 * u vidljivom dijelu gornjeg zelenog prostora, između zaglavlja (--msh-top) i
 * bijelog bloka sadržaja koji ga prekriva odozdo (--msh-bottom; uključuje i
 * razmak ispod autora).
 * Ako centar nije tačan, podešavaju se samo ove dvije vrijednosti.
 */
body.home.msh-mode-hadis {
    --msh-top: 110px;
    --msh-bottom: 160px;
}

body.home.msh-mode-hadis .typology-slider-wrapper {
    height: 100%;
}

body.home.msh-mode-hadis .typology-cover-item {
    height: 100%;
    max-height: none;
    padding: var(--msh-top) 0 var(--msh-bottom) !important;
    box-sizing: border-box;
}

body.home.msh-mode-hadis .cover-item-container {
    min-height: 0;
}

body.home.msh-mode-hadis .typology-cover .entry-title {
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 800px) {
    body.home.msh-mode-hadis {
        --msh-top: 80px;
        --msh-bottom: 110px;
    }
}

/*
 * Preneseno iz Elementor Pro "Custom CSS" (radi samo uz Elementor Pro, pa je
 * nakon uklanjanja Pro-a prestao da se ispisuje). Pravila su ograničena na
 * stranice na kojima su bila postavljena, da ne djeluju na ostatak stranice.
 * Pravilo ".entry-content a {border-bottom:none}" sa stranica Predavanja,
 * Multimedija i Aktivnosti nije preneseno, jer ga gornji CSS već postavlja svuda.
 */

/* Naslovna (13266): AnsPress pretraga i lista pitanja */
body.page-id-13266 .bijela h5 {
    color: #fff;
}

body.page-id-13266 .pitanja {
    margin: 0;
    padding: 0;
}

body.page-id-13266 .pitanja a {
    color: #666;
    font-size: 16px;
}

body.page-id-13266 .pitanja a:hover {
    color: #C4C85E;
}

body.page-id-13266 .ap-ans-count,
body.page-id-13266 .ap-vote-count {
    display: none;
}

body.page-id-13266 .pitanja a:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 10px;
    width: 5px;
    height: 5px;
    background: #666;
}

body.page-id-13266 .ap-question-title {
    position: relative;
}

body.page-id-13266 .ap-question-item {
    margin: 18px 0;
    line-height: 20px;
}

body.page-id-13266 .pitanja1 .elementor-widget-wrap {
    padding: 0;
}

/* Pitanja i odgovori (13263) i Postavi pitanje (13331) */
body.page-id-13263 .razmak,
body.page-id-13331 .razmak {
    line-height: 1em;
}

/* Izdavaštvo "Mulla Sadra" (16232) */
body.page-id-16232 .elementor-post__badge {
    font-size: 10px !important;
}