body {
overflow-x: hidden;
}
a:hover {
--tamnoplava: var(--plavahover);
}
a {
transition: 0.2s ease !important;
}
.bricks-posts-nothing-found
{
font-size: var(--text-5)
} .nav-bijeli .bricks-nav-menu > li > a {
position: relative;
}
.nav-bijeli .bricks-nav-menu > li > a::after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 0;
height: 7px;
background-color: var(--web-bg);
transition: width 0.3s ease;
}
.nav-bijeli .bricks-nav-menu > li > a:hover::after {
width: 100%;
}
.nav-novi .brx-nav-nested-items > li > a {
position: relative;
}
.nav-novi .brx-nav-nested-items > li > a::after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 0;
height: 9px;
background-color: var(--tamnoplava);
transition: width 0.3s ease;
}
.nav-novi .brx-nav-nested-items > li > a:hover::after {
width: 100%;
}
html:has(body.no-scroll) {
overflow: hidden;
}
@media (max-width: 991px) {
.nav-novi .brx-nav-nested-items {
flex-wrap: nowrap !important; overflow-y: auto !important; overflow-x: hidden !important;
max-height: 100vh !important;
max-height: 100dvh;   !important; -webkit-overflow-scrolling: touch !important; }
} .hotspot { 
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
transform: translate(-50%, -50%);
cursor: pointer;
}
.hotspot-dot
{
width: 23px;
height: 23px;
border-radius: 50%;
background-color: var(--tamnoplava);
}
.hotspot-label
{
margin-top: 6px;
font-size: var(--text-3);
text-transform: uppercase;
white-space: nowrap;
color: var(--tamnoplava);
} .hotspot-dot {
position: relative;
}
.hotspot-dot::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.8);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: inherit;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.hotspot .hotspot-dot::before {
opacity: 0.25;
animation: breathe 2.5s ease-in-out infinite;
}
@keyframes breathe {
0%, 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.1; }
50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.25; }
} .posttitle
{
font-size: var(--text-5);
}
.obavijesti-grid
{
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
align-items: start !important;
align-content: start !important;
}  .expanding-search {
--bar-h: 44px;
}  .expanding-search .bricks-search-form {
display: flex;
align-items: center;
justify-content: flex-end; border: 1px solid transparent; border-radius: 999px;
height: var(--bar-h);
width: var(--bar-h);
overflow: hidden;
transition: width 0.35s ease, border-color 0.25s ease;
margin: 0;
} .expanding-search .bricks-search-form label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
} .expanding-search .bricks-search-form input[type="search"] {
border: none;
background: transparent;
outline: none;
box-shadow: none;
width: 0;
min-width: 0;
padding: 0;
flex: 1;
transition: padding 0.35s ease;
} .expanding-search .bricks-search-form button[type="submit"] {
flex: 0 0 var(--bar-h);
height: var(--bar-h);
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
position: relative;
transform: translate(2px, 0px); } .site-header.search-open .expanding-search .bricks-search-form {
width: 220px;
}
.site-header.search-open .expanding-search .bricks-search-form input[type="search"] {
padding: 0 0 0 18px;
} .site-header.search-open {
justify-content: flex-start;
}
.site-header.search-open .expanding-search {
margin-left: auto;
}
.site-header.search-open .expanding-search .bricks-search-form {
border-color: var(--tamnoplava);
border-width: 1.5px;
}  .header-logo {
overflow: hidden;
white-space: nowrap;
transition:
opacity 0.2s ease,
width 0.35s ease 0.2s;
} .header-logo img {
display: block;
max-width: 100%;
} .site-header.search-open .header-logo {
width: 0;
opacity: 0;
pointer-events: none;
} .site-header:not(.search-open) .header-logo {
transition:
width 0.35s ease,
opacity 0.25s ease 0.35s;
}
.nav-novi { flex-shrink: 0;
white-space: nowrap;
} .divider-za-hero .bricks-shape-divider-inner
{
width: 160% !important;
}
@media (max-width: 768px)
{
.divider-za-hero .bricks-shape-divider-inner
{
width: 290% !important;
}
} .post__files
{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px 20px;
}
.post__files_item_image svg {
width: 50px;  
height: 50px; 
display: block;
fill: var(--tamnoplava);
}
.post__files_item
{
width: calc(50% - 20px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 10px;
align-items: center;
}
.post__files_item a
{
font-weight: 800;
font-size: 1.7rem;
letter-spacing: 0.05rem;
color: var(--tamnoplava);
line-height: 1.2em;
}
@media screen and (max-width: 768px)
{
.post__files_item
{
align-items: start;
width: 100%;
}
}
.post__files_item_image
{
width: 50px;
margin-right: 20px;
transition: 0.2s;
}
.post__files_item_image a
{
transition: 0.2s;
}
.post__files_item_image a:hover
{
color: var(--e-global-color-41eea95);
transition: 0.2s;
}
.post__files_content
{
width: calc(100% - 80px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
a.post__files_item_content_title
{
width: 100%;
}
p.naslov-datum
{
width: 100%;
margin-bottom: 0rem;
}
.naslov-datum 
{
font-weight: 400 !important;
}
.post__files_content > a:nth-child(2)
{
padding-right: 5px;
}
.post__files_content > a:nth-child(3)
{
padding-left: 5px;
}
.post__files_heading {
width: 100%;
font-weight: 400;
margin: 20px 0 20px;
font-size: var(--text-6);
}
.post__files_spacer {
width: 100%;
height: 0;
border-top: 1px solid;
border-color: rgba(38, 84, 134, 0.27);
margin-top: 2.3em;
margin-bottom: 3em;
}
.post__files_item_size
{
color: #616774;
}
.naslov-datum {
display: flex;
flex-direction: column-reverse;
}  ul:not([class]) {
list-style: none;
padding-left: 0;
}
ul:not([class]) > li {
position: relative;
padding-left: 1.5em; }
ul:not([class]) > li::before {
content: "—";
position: absolute;
left: 0; top: 0;
}