/* 
Theme Name: Crolibertas
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*==========================================
=               NAVIGACIJA                 =
============================================
01. OPĆENITI STIL
02. HEADER
03. ARCHIVE NOVOSTI
04. TEMPLATE: POLITIKA KOLAČIĆA I PRIVATNOSTI
05. TEMPLATE: NASLOVNA
06. FOOTER
07. TEMPLATE: ERROR 404
08. COOKIE BANNER
==========================================
==========================================*/

/*------------------------------------------
01. OPĆENITI STIL
------------------------------------------*/

html, body {
    direction: ltr !important;
    text-align: left !important;
}

.post-author,
.author,
.entry-author,
.meta-author,
.post-meta-author {
    display: none !important;
}

a.elementor-post__read-more {
	border: 1px solid #29235c;
	padding: 12px 50px;
	border-radius: 15px;
	transition:all 0.5s ease-in-out;
}

a.elementor-post__read-more:hover{color:#fff!important; background:#29235c;}


[lang^="en"] .thin-title .thin {
    margin-right: 10px;
}

[lang^="en"] .transparent h2{display:none;}

/*------------------------------------------
02. HEADER
------------------------------------------*/
/* navigacija */
#glavni-meni .elementor-item {
    color: #fff;
    transition: color .25s ease;
	gap:8px;
}

#glavni-meni.crte .elementor-item, #glavni-meni.crte .menu-inline-icon svg {
    color:#29235c;
	fill:#29235c;
}

#glavni-meni .menu-inline-icon svg {
    fill: #fff;
    transition: fill .25s ease;
	width:12px;
	height:12px;
}


#glavni-meni li:hover .menu-inline-icon svg {
    fill: #CE003D;
}

#glavni-meni .current-menu-item .menu-inline-icon svg {
    fill: #CE003D;
}

/* mobile navigacija*/
#glavni-meni.crte .elementor-nav-menu > li {
    border-bottom: 1px solid #29235C;
}

#glavni-meni.crte .elementor-nav-menu > li:first-child {
    border-top: 1px solid #29235C;
}

#glavni-meni.crte .elementor-item {
    padding-left:26px;
}

/*langauge switcher meni*/

ul.sub-menu {
    margin: 0px !important;
    border: 1px solid #F5F5F533!important;
    border-radius: 15px !important;
    background: #29235C33!important;
}

a.elementor-sub-item {color:white!important;}

a.elementor-sub-item:hover, a.elementor-sub-item:focus {
    margin: 0px !important;
    border: 0px!important;
    border-radius: 15px !important;
    background: transparent!important;
	color:#CE003D!important;
	padding:0px;
}

  
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
 border-inline-start:0px!important;
}

/*------------------------------------------
03. ARCHIVE NOVOSTI
------------------------------------------*/
/* paginacija */
a.page-numbers {
    background: #f9eaeb;
}

span.page-numbers.prev,span.page-numbers.next {
	display:none;
}

a.page-numbers, span.page-numbers.prev, span.page-numbers.next {
    padding: 5px 12px;
    border-radius: 7px;
	transition: all 0.3s ease-in-out;
}

span.page-numbers.current { 
	background: #CE003D;
    padding: 5px 12px;
    border-radius: 7px;
	transition: all 0.3s ease-in-out;
	color:white!important;
	font-size:16px;
}
a.page-numbers:hover{
	background: #CE003D; 
	color:white!important;
	font-weight:500!important;
	font-size:16px;
}

/* block layout */
.elementor-post__excerpt p::after {
  content: "...";
}

.elementor-post-date::before {
  content: "Datum: ";
	color:#CE003D;
	font-weight:600;
}

[lang^="en"]  .elementor-post-date::before {
  content: "Date: ";
}

/*single post*/
span.elementor-post-info__item-prefix {
    font-weight: 600;
    color: #CE003D;
}

/* lista dokumenata i poveznica unutar single post*/
.acf-links img.ikona{
	width: 16px;
	height: 16px;
	display: block;
}

.acf-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.acf-links li {
  margin-bottom: 8px;
}

.acf-links a {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
	color: inherit;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition:all 0.3s ease-in-out;
}

.acf-links a:hover {
  text-decoration: underline;
  color: #CE003D;
	font-size: 16px;
	 font-weight: 400;
}

.acf-links .icon {
  font-size: 16px;
  line-height: 1;
}

/*------------------------------------------
04. TEMPLATE: POLITIKA KOLAČIĆA I PRIVATNOSTI
------------------------------------------*/
.pp-content :is(h1, h2, h3, h4, h5, h6) {
  margin: 20px 0;
}

.thin-title .thin {
  font-weight: 300;
}

.pp-content a:hover {
   font-weight:500;
    font-size: 16px;
}

.pp-content a {
	transition:all 0.3s ease-in-out;
	font-weight:500;
}

.pp-content {
  overflow-wrap: break-word;
  word-break: break-word;
}

/*------------------------------------------
05. TEMPLATE: NASLOVNA
------------------------------------------*/
span#dot {
    color: #CE003D!important;
    font-size: 25px!important;
    margin-left: 5px!important;
}

@media (max-width:1024px) {
	span#dot{ font-size: 18px!important;}
}

@media (max-width: 767px) {
	span#dot{ font-size: 12px!important;}
}

/* osnovne karakteristike */
  .karakteristike-wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.karakteristika-box {
	width: 263px;
	height: 258px;
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0px 20px 50px 0px #29235C1A;
	padding: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap:34px;
}

.karakteristika-ikona {
  max-width: 120px;
  height: auto;
}

.karakteristika-text {
	font-weight: 600;
	font-size: 16px;
}

@media (max-width: 990px) {
	img.karakteristika-ikona {
		width: 100px;
	}
	
	.karakteristika-box {
		width: 188px;
		height: 200px;
		padding: 20px;
		gap:10px;
	}
}

@media (max-width: 767px) {
	img.karakteristika-ikona {
		width: 80px;
	}
	
	.karakteristika-box {
		width: 150px;
		height: 160px;
		padding: 20px;
		gap:10px;
	}
	
	.karakteristike-wrapper {
	  gap: 15px;
	}
	
	.karakteristika-text {
    font-size: 12px;
		line-height:16px;
	}
}

/* ciljevi sustava */
.ciljevi-lista {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}

span.cilj-text {
    display: flex;
    align-items: center;
}

.cilj-ikona {
  width: 11px;
  height: 11px;
  margin-top: 4px;
}

.cilj-item:nth-child(-n+3) {
    border-top: 1px solid #FFFFFF33;
}

@media (max-width: 1150px) {
	.ciljevi-lista {
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;
	}
}

@media (max-width: 768px) {
  .ciljevi-lista {
    grid-template-columns: 1fr;
  }
}
	
.cilj-item {
	display: flex;
	gap: 15px;
	padding: 20px 0;
	color: #ffffff;
	font-size: 16px;
	font-weight:300;
	line-height: 1.4;
	border-bottom: 1px solid #FFFFFF33;
}

/*------------------------------------------
06. FOOTER
------------------------------------------*/

/*lista autocesta*/
.autoceste-lista {
    display: grid;
    gap: 24px;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.autocesta-item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.autocesta-item img {
    max-height: 48px;
    max-width: 100%;
    object-fit: contain;
}

.autocesta-item:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .autoceste-lista {
        grid-template-columns: repeat(3, 1fr);
		gap: 15px 0px;
    }
	 
	.autocesta-item img {
        max-height: 30px;
    }
}

/* kontakt podaci */
.khz-kontakt-info ul {list-style-type:none; padding:0px;}
	
.khz-kontakt-info ul li {
	margin-bottom:3px;
	color:#29235C;
}
	
li#adresa {
    max-width: 220px;
	line-height:24px;
}
	
.khz-kontakt-info ul li a:hover{
	font-size:16px; 
	font-weight:400;
}

.khz-kontakt-info ul li a{
	transition:all 0.3s ease-in-out;
}

.khz-kontakt-info ul li strong {
	font-weight:600;
}

/* copyright bar */
.footer-links p {
	margin-bottom:0px;
	font-weight:300;
}

.footer-links p a {
	color:white;
}

.footer-links p a:hover {
	color:white;
	font-weight:300;
	font-size:16px;
	text-decoration:underline;
}

.pp-meni .elementor-nav-menu--main .elementor-nav-menu > li {
    display: flex;
    align-items: center;
}

.pp-meni .elementor-nav-menu--main .elementor-nav-menu > li a:hover {
	text-decoration:underline;
}

.pp-meni .elementor-nav-menu--main
.elementor-nav-menu > li + li::before {
    content: "|";
    margin: 0 7px;
	color:white;
	margin-top:-2px;
}

/*------------------------------------------
07. TEMPLATE: ERROR 404
------------------------------------------*/
body.error404 footer, body.error404 header  {display:none;}

/*------------------------------------------
08. COOKIE BANNER
------------------------------------------*/
.cky-consent-container {
    width: 530px!important;
}

@media (max-width:550px){
	.cky-consent-container {
		width: 100%!important;
	}
}