/*
Theme Name: Juristic Child
Theme URI: http://themeforest.net/user/themexshaper/portfolio/
Author: themexshaper
Author URI: http://themeforest.net/user/themexshaper
Description: Juristic - Lawyers and Law Firm WordPress Theme
Template:	juristic
Version: 1.0
Text Domain: juristic-child
*/


/* ==================== UTILITY CLASSES ==================== */

.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.full-width {width: 100%;}
.gold-shadow {box-shadow: 10px 10px #ccab63;}

/* ==================== GENERAL STYLES ==================== */

/* ---------- COLORS ---------- */
.green-primary {color:#006666!important;}
.green-shadow {color:#004c4c!important;}
.green-dark {color:#002b2e!important;}
.green-bg-gradient {
	background: #006666;
	background: -webkit-linear-gradient(145deg, rgba(0, 102, 102, 1) 0%, rgba(0, 76, 76, 1) 100%);
	background: -moz-linear-gradient(145deg, rgba(0, 102, 102, 1) 0%, rgba(0, 76, 76, 1) 100%);
	background: linear-gradient(145deg, rgba(0, 102, 102, 1) 0%, rgba(0, 76, 76, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006666", endColorstr="#004C4C", GradientType=0);
}

.gold-primary {color:#ccab63!important;}
.gold-shadow {color:#907a44!important;}
.gold-dark {color:#564929!important;}
.gold-bg-gradient {
	background: #CCAB63;
	background: -webkit-linear-gradient(145deg, rgba(204, 171, 99, 1) 0%, rgba(144, 122, 68, 1) 100%);
	background: -moz-linear-gradient(145deg, rgba(204, 171, 99, 1) 0%, rgba(144, 122, 68, 1) 100%);
	background: linear-gradient(145deg, rgba(204, 171, 99, 1) 0%, rgba(144, 122, 68, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CCAB63", endColorstr="#907A44", GradientType=0);
}

.green-success {color:#14aa79;}
.green-success-highlight {color:#73e5b9;}
.green-success-shadow {color:#1a533a;}

.yellow-warning {color:#db8f2c;}
.yellow-warning-highlight {color:#ffc580;}
.yellow-warning-shadow {color:#805612;}

.red-error {color:#e02f29;}
.red-error-highlight {color:#ffcbcb;}
.red-error-shadow {color:#831a15;}

body, h1, h2, h3, h4, h5, h6, p {color: #000000;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ccab63!important;}

body .page-wraper a:hover {color:#907a44;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color: #907a44!important;}

.green-bg-gradient h1,
.green-bg-gradient h2,
.green-bg-gradient h3,
.green-bg-gradient h4,
.green-bg-gradient h5,
.green-bg-gradient h6 {color: #ccab63!important;}

.green-bg-gradient h1 a:hover,
.green-bg-gradient h2 a:hover,
.green-bg-gradient h3 a:hover,
.green-bg-gradient h4 a:hover,
.green-bg-gradient h5 a:hover,
.green-bg-gradient h6 a:hover {color: #907a44!important;}

.green-bg-gradient p {color: #ffffff!important;}

a.read-more:hover, p.wp-block-post-excerpt__more-text a:hover {color: #907a44!important;}


/* ---------- TYPOGRAPHY ---------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Bodoni Moda", Georgia, serif!important;
}

h1 {font-size:64px; line-height:1.1; font-weight: 600;}
h2 {font-size:48px; line-height:1.1; font-weight: 600;}
h3 {font-size:32px; line-height:1.1; font-weight: 600;}
h4 {font-size:24px; line-height:1.1;}
h5 {font-size:16px; line-height:1.1;}
h6 {font-size:14px; line-height:1.1;}

.title-xl {font-size:80px;}
.subtitle-xl {font-size:48;}

h1.pseudo_border,
h2.pseudo_border {
    position:relative;
    display:inline-block;
	width: fit-content;
	margin-top: 0;
}

h1.pseudo_border:after,
h2.pseudo_border:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px auto 10px 0;
    width:66%;
    height:2px;
    background:#ccab63;
}

h1.has-text-align-center.pseudo_border,
h2.has-text-align-center.pseudo_border {margin: 24px auto;}
h1.has-text-align-center.pseudo_border:after,
h2.has-text-align-center.pseudo_border:after {margin: 10px auto;}

h3.subheading {
	margin-top: 4px;
	font-size: 36px;
}

p {
	/* styles */
}


/* ==================== ELEMENTS ==================== */

/* ---------- BUTTONS --------- */
.theme-btn {
    background-color: #ccab63;
    color: #fff!important;
	border-radius: 0px;
	text-transform: none!important;
}

.theme-btn:hover {
    background-color: #907a44;
}

/* ---------- IMAGES ---------- */
.wp-block-image {margin:0!important;}

/* ---------- BLOCKQUOTE --------- */
.wp-block-quote, .blockquote-custom {
	font-family: "Bodoni Moda", Georgia, serif!important;
	font-weight: 600!important;
	font-size: 1.7rem!important;
	font-style: italic;
	margin: 32px 0!important;
	background: #ccab63!important;
}


/* ==================== COMPONENTS ==================== */

/* ---------- PRELOADER ---------- */
.preloader {
	background-color: #002b2e;
}

.preloader .sk-chase-dot:before {
	background-color: #ccab63;
}

/* ---------- TOP BAR ---------- */
.top-bar-contact-info ul {
	list-style: none;
	padding-left: 0;
}

.top-bar-contact-info ul li {
	display: inline-block;
	margin-right: 24px;
}

.top-bar-contact-info p {
	margin: 0!important;
}

.top-bar-contact-info ul li p span {
    color: white;
}

.ti-linkedin::before {
    color: white !important;
}

/* ---------- HEADER ---------- */
nav.sticky-menu-on .container {
	height: 100px;
}
	
.navbar-header {
	height: 100%;
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}

#navbar {
	margin-right:0px!important;
	background-color: transparent;
}

.custom-logo {
	display:block;
	min-height: 64px;
}

.cart-search-contact {display:none;}

.site-header #navbar > ul > li .sub-menu a {font-size: 1rem;}
.site-header #navbar > ul li a:hover, .site-header #navbar > ul li a:focus {
	color: #907a44 !important;
}

.site-header #navbar > ul .sub-menu {
	min-width: 280px;
}

.site-header #navbar > ul .sub-menu {text-transform:none;}

.header-style-1 .navigation {
	border-bottom: 1px solid #ccab63;
}

.sticky-header {background-color: #006666!important;}

/* ---------- TITLE BAR ---------- */
.page-title {
	background-color: #002b2e!important;
	height: 640px;
}

.page-title h1, .page-title h2 {
	color: #ccab63!important;
	word-break: normal;
	text-shadow: 0px 0px 24px black;
}

/* Truncating TEST
.page-title .title h1 {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
*/

/* ---------- FAQ ACCORDION ---------- */
.faq-accordion {margin-bottom:0!important;}
.faq-accordion details:last-child {margin-bottom:0;}

.breadcrumb.trail-items {text-shadow: 0px 0px 24px black;} /* Does it belong here ??? */
/* .breadcrumb .trail-item.trail-end { ima već na 768px)
    display: inline-block;
    max-width: 30ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
} */

.faq-accordion {margin:32px 0;}
.faq-accordion details {
	margin-bottom:16px;
	width: 100%;
	border: 1px solid #ccab63;
	padding: 16px 24px;
	background-color: #ffffff;
}

.faq-accordion details summary {
	font-size: 20px;
	font-weight: 400;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.faq-accordion details summary:after {
    display: block;
    font-family: "themify";
	content: "\e64b";
    position: relative;
    float: right;
}

.faq-accordion details[open] summary:after {
	transform: rotate(180deg);
}

.faq-accordion details[open] summary {
	margin-bottom: 16px;
}

.faq-accordion details summary strong {width:100%; padding-right: 12px;}

.faq-accordion details p:last-child {
	margin-bottom: 8px;
}

/* ---------- TESTIMONIALS (ToDo) ---------- */
.testimonial {}

.testimonial i:before {
	margin: 0;
    font-size: 80px;
    color: #ccab63;
}

.testimonial .testimonial-quote {
	font-weight: 600;
    line-height: 1.5;
}

.testimonial .testimonial-client-name {
	margin-bottom: 0px;
	line-height: 1.2;
	font-weight: bold;
}

.testimonial .testimonial-client-title {
	margin-bottom: 0;
	font-style: italic;
}

/* ---------- RECENT ARTICLES ---------- */
.wp-block-latest-posts.is-grid {
	margin-right: 0px!important;
}

h2.wp-block-post-title {font-size: 32px; margin-top: 0;}

.wp-block-latest-posts li {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    /* border-radius: 12px; */
	background: white;
}

.wp-block-latest-posts__featured-image a {width: 100%;}

.wp-block-latest-posts__featured-image img {
	height: auto;
    max-width: 100%;
    width: 100%;
}

a.wp-block-latest-posts__post-title {
	padding: 12px 20px 4px 20px;
    display: block;
    margin-top: 6px;
    font-size: 1.6rem !important;
}

.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt {
	padding: 0px 20px 12px 20px;
    line-height: 1.4;
    font-size: 0.9rem;
	color: #000000;
}

/* ---------- SINGLE PAGES ---------- */
/* ---------- BACKGROUND SECTIONS ---------- */
.bg-section {
	background-attachment: fixed;
    background-blend-mode: normal;
    background-image: url(https://mladevsandbox.com/wp-content/uploads/2026/06/legal-bg-pattern.png);
    background-position: center;
    background-repeat: repeat;
    background-size: auto;
	border: 2px solid #ccab63;
	border-left: 0;
	border-right: 0;
}

.bg-section-green {background-color: #006666;}
.bg-section-green ul {color: #ffffff;}
.bg-section-white {background-color: #FFFFFF;}

/* ---------- CONTENT ---------- */
.content-wrapper {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-top: 96px;
	padding-bottom: 96px;
}

.content-wrapper.content-width {
	width: 100%;
	max-width: 1170px;
	padding-left: 32px;
	padding-right: 32px;
}

.content-wrapper.full-width {
	width: 100%;
	max-width: 100%;
	padding-left: 64px;
	padding-right: 64px;
}

/* ---------- FOOTER ---------- */

/* --- Disclaimer --- */
.footer-disclaimer {
	display: flex;
    min-height: 64px;
    width: 100%;
    text-align: center;
    background: #ccab63;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.disclaimer-wrapper {
	max-width: 1170px;
	width: 100%;
	padding: 15px;
}

.footer-disclaimer .disclaimer-wrapper p {
	margin: 0;
	line-height: 1.4;
	color: #ffffff;
	font-style: italic;
    font-size: 18px;
}

/* --- Upper Footer --- */

.footer-logo-wrapper {
    display: flex;
    justify-content: flex-start;
}

.footer-logo-wrapper .footer-logo {height:64px;}

.footer-title {
	color: #ffffff!important;
	margin-top: 0;
}

.footer-latest-articles li {
	display: list-item;
    border-radius: 0!important;
    background: transparent;
    box-shadow: none;
	margin-top: 0!important;
}

.footer-latest-articles li a {
	font-size: 16px!important;
	font-family: "Muli", sans-serif!important;
	padding: 12px 0!important;
	margin-top: 0!important;
}

.widget_recent_entries ul.footer-latest-articles>li+li {
	border-top: 1px solid #f1f1f1;
	padding-top: 0!important;
}

.widget_nav_menu ul li a {
	width:100%!important;
/* 	padding: 4px 8px !important; */
}

.lower-footer .copyright {text-align: center; width: 100%;}


/* ==================== PAGE SPECIFIC STYLES ==================== */

/* ---------- Home Page ---------- */
.hp-usluge-box {
	display: flex;
    flex-direction: column;
    height: 100%;
}

/* HP Services */
#oblasti-pravne-prakse .usluge-wrapper .usluge-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper {width:100%; color: #ffffff!important;}
#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper h2 {margin-top: 24px;}
#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper h2,
#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper p {color:#ffffff!important;}
#oblasti-pravne-prakse .usluge-wrapper {width:75%;}
#oblasti-pravne-prakse .usluge-wrapper .services-title.gold-primary {margin-top:0;}

/* HP Latest Posts */
.wp-block-latest-posts li {
    border-radius: 12px;
    overflow: hidden;
}

a.wp-block-latest-posts__post-title {
    font-size: 1.75rem;
    line-height: 1.2em;
    font-family: "Bodoni Moda", Georgia, serif !important;
}

a.wp-block-read-more::after {
    content: '→';
    display: inline-block;
    text-decoration: none!important;
    font-weight: bold;
    margin-left: 8px;
}

/* ---------- Services ---------- */
/* Service Section Title */
.service-title-wrapper {
	display: flex;
	flex-direction: column;
	max-width: 1170px;
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
}
.service-title-wrapper.narrow {padding:0!important;}

/* Vertical Card */
.service-cards {}

.service-column {display:flex;}

.service-card-vertical-wrapper {
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	/* height: stretch;
    height: -webkit-fill-available; */
	flex: 1 1 auto;
	height: auto;
	min-width: 0;
	border-radius: 12px;
}

.service-card-vertical-wrapper h3 {color: #ccab63!important;}
.service-card-vertical-wrapper p:last-child {margin-bottom:8px;}

.green-bg-gradient .service-card-vertical-wrapper p {color: black !important;}

.service-card-vertical-wrapper figure {
	margin:0!important;
	border-radius: 12px 12px 0 0;
    overflow: hidden;
}
.service-card-vertical-wrapper figure a {display:flex;}
.service-card-vertical-wrapper figure img {width:100%;}
.service-title-vertical-wrapper {padding: 24px;}
.service-title-vertical-wrapper h3 {
	font-size: 28px;
	font-weight: 700;
	margin-top: 0!important;
}
.service-title-vertical-wrapper p {line-height: 1.4!important;}
.service-title-vertical-wrapper ul li {color: #000000!important;}

/* Horizontal Card */
.service-card-horizontal {
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}

/*
.service-image-horizontal-wrapper, .service-image-horizontal-wrapper figure {
	width: 200px;
	height: 200px;
}

.service-image-horizontal-wrapper figure img {
	width: 200px!important;
	height: 200px;
}
*/

.service-image-horizontal-wrapper figure {
	margin:0!important;
	border-radius: 12px 0 0 12px;
    overflow: hidden;
}

.service-title-horizontal-wrapper {padding: 16px 16px 16px 0;}
.service-title-horizontal-wrapper h3 {
	margin-top:0;
	font-size: 24px;
	font-weight: 700;
}
.service-title-horizontal-wrapper p {
	margin-bottom:0!important;
	line-height:1.4!important;
}

/* Ico benefit card */
.ico-benefit-card {
	text-align:left;
	align-items:flex-start;
}

.ico-benefit figure.wp-block-image {
	background-color: #ffffff;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.ico-benefit-content h3 {
	/* color: #ccab63!important;
	margin-top: 0!important; */
	font-size: 24px;
	font-weight: 700;
}

/* ---------- Blog ---------- */
/* Posts List */
.blog-content .entry-media > a {display: block;}
.blog-pg-section .entry-details .cat {background: #ccab63;}

/* Single Post Page */
body.single-post .site-header .topbar {background-color: #002b2e;}
body.single-post .site-header nav.navbar.original {background-color:#004c4c;}
.blog-single-section {padding-top:224px;}
h1.blog-post-title {font-size:3rem;}

/* ---------- Contact ---------- */
.contact-title {
	font-size: 18px;
    line-height: 1.2!important;
}

input.forminator-input {height:55px;}

input.forminator-input,
textarea.forminator-textarea {
	padding:6px 12px;
	background: #fdfdfd;
    border: 2px solid rgba(0, 0, 0, 0.05);
}

input.forminator-input::placeholder,
textarea.forminator-textarea::placeholder {
	color: rgba(0,0,0,0.3);
}

input.forminator-input:focus,
textarea.forminator-textarea:focus,
input.forminator-input:focus-visible,
textarea.forminator-textarea:focus-visible {
	border-color: #ccab63;
	outline: none;
}
	
.forminator-error-message {
	color:#831a15!important;
	background-color: #ffcbcb!important;
	padding: 12px!important;
	font-size: 13px!important;
	font-weight: 600;
}

.forminator-response-message.forminator-success {
	background-color: #73e5b9!important;
	border-left: 8px solid #14aa79;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

.forminator-response-message.forminator-success p {
	color: #1a533a;
    font-size: 16px;
    font-weight: 600;
}

/* ---------- Sitemap Page ---------- */
.sitemap-card {
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	padding: 16px 24px;
    margin-bottom: 32px;
}

/* .sitemap-card ul li a {
	font-weight: bold;
} */

/* .sitemap-card ul li a {font-weight:bold;} */

ul.sitemap-blog-list {
	list-style: disc !important;
    padding-left: 40px;
}

ul.sitemap-blog-list li {
	box-shadow: none;
	border-radius: 0;
	line-height: 1.8em;
	overflow: visible;
}

.sitemap-blog-list li a {
	font-size: 16px!important;
	font-family: "Muli", sans-serif!important;
	padding: 0;
    margin: 0 0 0.4em 0;
}




/* ==================== RESPONSIVE ==================== */

@media (max-width: 1600px) {
	.service-cards:has(> :nth-child(5)) {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 1440px) {
	.site-header .navigation #navbar > ul .sub-menu {min-width:280px; padding:10px 16px;}
	.site-header #navbar .sub-menu > li:hover > .sub-menu {left:105%;}
	.site-header .navigation #navbar>ul>li a,
	.site-header .navigation #navbar .sub-menu .sub-menu a {font-size:18px;}
	.site-header .navigation #navbar .sub-menu ul>li a {font-size:1rem;}
	.site-header #navbar .sub-menu .menu-item a {padding:10px 12px 10px 0!important;}
	
	/* HP Services */
	#oblasti-pravne-prakse .oblasti-wrapper {flex-direction: column!important;}
	#oblasti-pravne-prakse .cover-wrapper,
	#oblasti-pravne-prakse .usluge-wrapper {width: 100%!important;}
	#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	#oblasti-pravne-prakse .cover-wrapper .cover-title-wrapper h2.pseudo_border:after {margin:10px auto;}
	
	.service-cards:has(> :nth-child(4)) {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1280px) {
	#oblasti-pravne-prakse .usluge-wrapper .usluge-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.service-cards:has(> :nth-child(5)) {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1024px) {
/*	#oblasti-pravne-prakse .usluge-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} */
}

@media (min-width: 992px) {
	.submenu-toggle {display:none;}
}

@media (max-width: 991px) {
	.content-wrapper.full-width {padding-left:32px; padding-right:32px;}
	.site-header {
	  /* class for show hide navigation */
	}

	nav.sticky-menu-on .container {height:80px;}
	
	/* ---------- TOP BAR ---------- */
	.header-style-1 .topbar,
	.header-style-2 .topbar,
	.header-style-3 .topbar {
		background-color: rgba(0, 43, 46, 1)!important;
	}
	
	.site-header .topbar .top-bar-contact-info ul {flex-direction: row;}
	
	/* ---------- LOGO ---------- */
	.custom-logo {min-height:48px;}

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

	.site-header .navigation {
		background-color: rgba(0, 76, 76, 1)!important;
	}
	
	.site-header .navigation .container {
		padding-left: 16px;
		display: flex;
	}
	
	.site-header .navbar-header .site-logo {
		flex-grow: 2;
		display: flex!important;
	}
	
	.site-header .navbar-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		width: 100%;
		flex-grow: 1;
		margin: 0!important;
	}
	
	.site-header .navbar-header button,
	.site-header .navbar-header .site-logo {
		display: flex;
	}
	
	.site-header .navbar-header button {
		width: 64px;
		height: 64px;
		flex-direction: column;
		justify-content: center;
		background-color: rgba(255, 255, 255, 0)!important;
		display: flex !important;
        position: unset;
		padding: 5px 14px!important;
	}
	
	.site-header .navbar-header button span {
		margin-bottom: 8px;
		height: 4px;
	}
	
	.body-overlay:before {display:none!important;}
	
	.site-header #navbar {
		width: 100vw;
		height: 100vh!important;
		top: 0px!important;
		right: -100vw;
		padding-top:64px;
	}
	
	.site-header #navbar #menu-main-nav {
		padding: 0 24px;
	}
	
	.site-header #navbar .close-navbar {
		background-color: transparent;
        width: 64px;
        height: 64px;
		color: #000000;
		left: unset!important;
		right: 0px;
        top: 0px;
		margin: 8px 8px 0 0;
	}
	
	.site-header #navbar .close-navbar .ti-close {
		font-size: 24px;
		font-weight: 900;
	}
	
	.site-header #navbar > ul > li {
		border-bottom: 1px solid #a7a7a7;
		list-style: none;
	}
	
	.site-header #navbar > ul > li:last-child {
		border-bottom: none;
	}
	
	.site-header #navbar > ul > li a {
		font-size: 1.2rem;
		padding: 16px 42px 16px 12px;
	}
	
	.site-header #navbar > ul .menu-item-has-children > a:before {
		display: none!important;
/* 		content: "\e649"; */
	}
	
	.site-header #navbar > ul > li > .sub-menu li {
		list-style: none;
	}
	
	.site-header #navbar > ul > li > .sub-menu .menu-item a {padding: 16px 42px 16px 28px!important;}
	.site-header #navbar > ul > li > .sub-menu .sub-menu .menu-item a {padding: 16px 42px 16px 36px!important;}	
	.site-header .navigation #navbar > ul .sub-menu {padding:0;}
	.site-header #navbar > ul > li .sub-menu a {font-size: 1.2rem;}
	
	/* ---------- MOBILE MENU ----------*/
	#menu-main-nav .menu-item-has-children > a {
	  position: relative;
	}

	#menu-main-nav .menu-item-has-children > a::before {
	  pointer-events: none; /* purely decorative now */
	}

	#menu-main-nav .menu-item-has-children > a .submenu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 100%;
		background: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		cursor: pointer;
		content: "\e649";
		z-index: 20!important;
	}
	
	#menu-main-nav .menu-item-has-children > a .submenu-toggle::after {
		display: block;
		content: "\e64b";
		color: black;
		font-family: 'themify';
		font-size: 24px;
		font-weight: normal!important;
	}
	
	#menu-main-nav .menu-item-has-children > a:has(.submenu-toggle[aria-expanded="true"]) {
		color: #907a44!important;
		font-weight: bold;
	}
	
	.submenu-toggle::after {
	  display: inline-block;
	  transition: transform 0.3s ease;
	  transform-origin: center;
	}

	.submenu-toggle[aria-expanded="true"]::after {
	  transform: rotate(180deg);
	}
	
/* 	
	.menu-item:has(.sub-menu[style*="display: none"]) a::before {
		background-color: yellow;
		color: red!important;
		content:"patka!";
		display: block;
		width: 60px;
		height: 60px;
	} 
	
	.menu-item a + .sub-menu:not([style*="display: none"]) {
		color: red!important;
	}
	*/

	/* ---------- HERO ---------- */
	.hero {min-height:calc(100vh - 162px)!important;}
	.hero .hero-title {font-size:48px!important;}
	
	.back-to-top {
		width: 64px;
		height: 64px;
		line-height 64px;
	}
	
	.back-to-top i {
		font-size: 32px;
	}

	/* ---------- BLOG ---------- */
	/* HP recent articles */
	ul.wp-block-latest-posts.is-grid {
		grid-template-columns: 1fr!important;
	}
	
	/* Single Post Page */
	.blog-single-section {padding-top:32px;}
	.blog-single-section .date-entry-meta {
		padding-top: 0px;
		margin-bottom: 32px;
	    display: flex;
	    flex-direction: column;
	}
	.blog-single-section .date-entry-meta .cat {
		padding: 10px 16px;
		top: -20px;
	}
	.blog-single-section .date-entry-meta .entry-meta {
		padding: 28px 12px 12px 16px;
		margin: 0;
	}
	h1.blog-post-title {font-size:clamp(1.5rem, 2.25rem, 3rem);}
}

@media (max-width: 767px) {
	body {font-size: 16px!important;}
	h1 {font-size:48px;}
	h2 {font-size:36px;}
	h3 {font-size:24px;}
	h4 {font-size:16px;}
	h5 {font-size:14px;}
	h6 {font-size:12px;}
	
	h3.subheading {font-size:32px;}
	
	.theme-btn {
		width: 100%;
		text-align: center;
		font-size: 1.2rem;
		padding: 16px 20px;
	}
	
	.wp-block-quote, .blockquote-custom {
		padding: 24px!important;
	}
	
	/* HP About Us */
	.hp-col-about-us-wrapper {margin-bottom:0px;}
	.hp-col-about-us-desc {order:1;}
	
	/* HP Services */
	#oblasti-pravne-prakse .usluge-wrapper {padding:64px 32px;}
	#oblasti-pravne-prakse .usluge-wrapper .usluge-grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	#oblasti-pravne-prakse .usluge-wrapper .usluge-grid .usluga-container {
		padding: 24px;
		border: 1px solid #ccab63;
		margin-bottom: 32px;
		flex-direction: column;
	}
	
	.usluga-container:last-child {margin-bottom: 0px;}
	.usluga-container .usluga-ico-wrapper {margin-bottom:24px;}
	
	/* HP Photo + Desc */
	.hp-col-order-photo, .col-order-photo {order:-1;}
	
	
	/* ---------- TITLE BAR ---------- */
	.page-title {
		height: auto;
		min-height: 240px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.page-title .container {
		width: 100%;
		max-width: 100vw;
		padding: 0;
	}
	/* .page-title .container {
		margin:0;
		padding:0;
		width:100%;
		max-width:100vw;
		display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	} */
	/* .page-title .container > .row {
		display:flex;
		flex-direction:column;
		margin:0;
		padding:0;
		width:100%;
		max-width:100vw;
	} */

	.page-title .title {container-type: inline-size;}
	.page-title .title h1 {
		/*display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;*/
		overflow: hidden;
		height: auto;
        padding-bottom: 4px;
        margin-bottom: -4px;
		/* margin-top: 3%; */
		--char-width: 0.7;
        font-size: clamp(1.75rem, calc(100cqw / (var(--longest-word, 10) * var(--char-width))), 3rem);
		/* font-size:clamp(2rem, 3rem, 4rem); */
        overflow-wrap: anywhere;
		letter-spacing:-1px;
	}

	.breadcrumb .trail-item {
		padding-bottom:4px;
		margin-bottom: -4px;
	}
	
	.breadcrumb .trail-item.trail-end {
		display: inline-block;
		max-width: 32ch;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	
	/* ---------- PAGE CONTENT ---------- */
	.hide-on-mobile {display:none!important;}
	.content-wrapper { padding-top: 64px; padding-bottom: 64px; }
	.content-wrapper > *:last-child {margin-bottom:0;}
	.mobile-no-margin {margin:0!important;}
	.service-cards:has(> :nth-child(5)) {grid-template-columns: 1fr;}
	.service-cards:has(> :nth-child(4)) {grid-template-columns: 1fr;}
	.service-card-vertical-wrapper {height:auto;}
	.service-title-wrapper {padding-left:0!important; padding-right:0!important;}
	.ico-benefit-content a.wp-block-read-more {margin-bottom:1.5em; display:block;}
	
	/* ---------- BLOG ---------- */
	.blog-pg-section .post h3 {
		font-size:1.75rem;
		word-break: keep-all;
        overflow-wrap: normal;
	}
	
}

@media (max-width: 576px) {
	.topbar {display:none;}
	
	.site-header #navbar {
		
	}
	
	/* ---------- HERO ---------- */
	.hero {
		min-height:calc(100vh - 82px)!important;
		padding: 0!important;
	}
	
	.hero .content-wrapper {
		padding: 6vh 32px 0 32px!important;
	}
	
	.hero .content-wrapper .hero-title {font-size:42px!important;}
	.hero .content-wrapper p {font-size:16px!important;}
	
	/* HP Services */
	#oblasti-pravne-prakse .cover-wrapper {padding:64px 32px;}
}