/*
 * Mulla Sadra – vlastiti CSS (ranije child tema typology-mullasadra / Additional CSS).
 * Učitava se poslije theme.css, kao i ranije poslije stilova Typology.
 *
 * Izmjene pri prelasku na temu "mullasadra" 1.0:
 *  - uklonjena pravila za AnsPress, Theme My Login i reCAPTCHA (dodaci više ne postoje)
 *  - uklonjen selektor "filter-items …" (bez tačke, nije djelovao)
 *  - gornji dio naslovne (hadis/kampanja) postavljen iznova: sadržaj je vertikalno
 *    centriran i na mobitelu, a dugmad kampanje su na mobitelu jedno ispod drugog
 */

@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;
}

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;
}

.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 {
	color: #52aaba;
}

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

.widget a {
	color: #818181;
}

.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,
.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 {
	display: none;
}

.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;
}

.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;
}

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

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

.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;
}

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

#mks_social_widget-2 {
	text-align: center;
}

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%;
}

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

.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;
}

.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: 1px;
	width: 100%;
	display: block;
	left: 0;
	bottom: -18px;
	z-index: 2;
	background: #ececec;
}

/* Liste članaka (kategorije s tekstom poravnatim lijevo): kratka tamnija crta na početku linije. */
.topic-religijske-teme.category .typology-layout-c .entry-header:before,
.category-hadis-dana .typology-layout-c .entry-header:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -19px;
	z-index: 3;
	width: 48px;
	height: 3px;
	background: #9a9a9a;
}

.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;
}

.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;
}

.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 (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;
	}

	.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;
	}

	.fields-polja {
		width: 100%;
	}

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

	.knjige-info {
		display: inline-table;
	}

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

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

	.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%;
	}
}

/* Lijevi meni i bočni panel (widget menija): bez tačkica; glavne teme podebljane, podteme uvučene. */
.typology-sidebar2 .widget_nav_menu ul li,
.typology-sidebar .widget_nav_menu ul li {
	padding-left: 0;
}

.typology-sidebar2 .widget_nav_menu ul li:before,
.typology-sidebar .widget_nav_menu ul li:before {
	display: none;
}

.typology-sidebar2 .widget_nav_menu .menu > li,
.typology-sidebar .widget_nav_menu .menu > li {
	margin-bottom: 1.6rem;
}

.typology-sidebar2 .widget_nav_menu .menu > li > a,
.typology-sidebar .widget_nav_menu .menu > li > a {
	font-weight: 700;
	color: #333;
}

.typology-sidebar2 .widget_nav_menu .menu > li > a:hover,
.typology-sidebar .widget_nav_menu .menu > li > a:hover,
.typology-sidebar2 .widget_nav_menu .sub-menu a:hover,
.typology-sidebar .widget_nav_menu .sub-menu a:hover {
	color: var(--mst-acc) !important;
}

.typology-sidebar2 .widget_nav_menu .sub-menu,
.typology-sidebar .widget_nav_menu .sub-menu {
	margin-top: 0.8rem;
	padding-left: 1.4rem;
	border-left: 1px solid #ececec;
}

.typology-sidebar2 .widget_nav_menu .sub-menu li,
.typology-sidebar .widget_nav_menu .sub-menu li {
	margin-bottom: 0.7rem;
}

.typology-sidebar2 ul.sub-menu .menu-item-object-category a,
.typology-sidebar ul.sub-menu .menu-item-object-category a {
	color: #555 !important;
	font-weight: 400;
}

/*
 * Gornji dio naslovne – hadis dana ili kampanja (dodatak "Mulla Sadra – Hadis dana").
 * Sadržaj je vertikalno centriran u vidljivom zelenom dijelu: između zaglavlja
 * (110px) i bijelog okvira koji gornji dio odozdo prekriva za 99px, uz isti
 * razmak od 30px gore i dolje (--mst-cover-top = 110+30, --mst-cover-bottom = 99+30).
 * Ako centar nije tačan, podešavaju se samo ove dvije vrijednosti.
 */
.home .mst-cover-front {
	--mst-cover-top: 140px;
	--mst-cover-bottom: 129px;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.home .mst-cover-front .typology-slider-wrapper-fixed,
.home .mst-cover-front .typology-cover-wrap,
.home .mst-cover-front .typology-slider-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.home .mst-cover-front .typology-cover-item {
	flex: 1 1 auto;
	height: auto;
	max-height: none;
	padding: var(--mst-cover-top) 0 var(--mst-cover-bottom);
}

.home .mst-cover-front .cover-item-container {
	min-height: 0;
}

.home .mst-cover-front .entry-title {
	margin-bottom: 1.5rem;
}

.msh-label {
	margin-bottom: 10px;
	font-size: 37px;
	color: #d1c6a5;
}

.home .mst-cover-front .entry-footer .typology-button {
	margin: 0 0.75rem 1rem;
}

@media (max-width: 1366px) {
	.home .mst-cover-front {
		min-height: 70vh;
	}
}

@media (max-width: 680px) {
	/* Zaglavlje 75px; bijeli okvir ne prekriva zeleni dio, pa je razmak dolje mali. */
	.home .mst-cover-front {
		--mst-cover-top: 95px;
		--mst-cover-bottom: 20px;
		min-height: 70vh;
		min-height: 70svh;
	}

	.msh-label {
		font-size: 30px;
	}

	/* Dugmad kampanje jedno ispod drugog, iste širine. */
	.home .mst-cover-front .entry-footer {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}

	.home .mst-cover-front .entry-footer .typology-button {
		width: 100%;
		max-width: 280px;
		margin: 0;
	}
}

/* Kad glavni meni ne stane u zaglavlje, dugme za bočni panel se prikazuje (theme.js). */
.mst-nav-collapsed .typology-actions-list .typology-action-button.typology-action-sidebar {
	display: inline-block !important;
}

.mst-nav-collapsed .mst-main-nav {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}

/*
 * 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): 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 .pitanja a:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 10px;
    width: 5px;
    height: 5px;
    background: #666;
}

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;
}
