/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/
/* 1) Let the widget extend outside the container (to the right) */
.dragonmouseover.elementor-widget {
display: block;
max-width: none;
width: calc((100vw + 100%) / 2); /* container-left -> viewport-right */
}
/* 2) Prevent the "extended" part from creating horizontal scrollbars */
.dragonmouseover.elementor-widget,
.dragonmouseover.elementor-widget .elementor-widget-container {
overflow: visible;
}
.elementor {
overflow-x: clip; /* safer than hidden, avoids scrollbars */
}
/* 3) Ensure swiper uses the new width */
.dragonmouseover .swiper {
width: 100%;
}
/* More side padding in the header (Blocksy default: 30px per side).
100vw minus 2 x 70px = 70px padding on each side. */
@media (min-width: 1000px) {
#header .ct-container-fluid {
--theme-container-edge-spacing: calc(100vw - 140px);
}
}
/* =========================================================================
* Document lists (shortcodes or static HTML — styled by class)
* Doc icon: .dokumenti-list, .pravilnik-provedbi-list, .registar-ugovora-list
* Arrow: .plan-nabave-list, .sprjecavanje-interesa-list
* The marker is drawn with mask + currentColor on li::before, so it works on
* both … and plain … items.
* ====================================================================== */
.dokumenti-list,
.pravilnik-provedbi-list,
.registar-ugovora-list,
.plan-nabave-list,
.sprjecavanje-interesa-list {
list-style: none !important;
margin: 0;
padding: 0;
color: #003367;
}
.dokumenti-list li,
.pravilnik-provedbi-list li,
.registar-ugovora-list li,
.plan-nabave-list li,
.sprjecavanje-interesa-list li {
display: flex;
align-items: flex-start;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid #dde5ec;
list-style: none !important;
}
.dokumenti-list li:last-child,
.pravilnik-provedbi-list li:last-child,
.registar-ugovora-list li:last-child,
.plan-nabave-list li:last-child,
.sprjecavanje-interesa-list li:last-child {
border-bottom: 0;
}
.dokumenti-list li::before,
.pravilnik-provedbi-list li::before,
.registar-ugovora-list li::before,
.plan-nabave-list li::before,
.sprjecavanje-interesa-list li::before {
content: "";
flex: 0 0 auto;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: left center;
mask-position: left center;
-webkit-mask-size: contain;
mask-size: contain;
}
.dokumenti-list li a,
.pravilnik-provedbi-list li a,
.registar-ugovora-list li a,
.plan-nabave-list li a,
.sprjecavanje-interesa-list li a {
text-decoration: none;
color: inherit;
}
.dokumenti-list li a:hover,
.pravilnik-provedbi-list li a:hover,
.registar-ugovora-list li a:hover,
.plan-nabave-list li a:hover,
.sprjecavanje-interesa-list li a:hover {
text-decoration: underline;
}
/* ---- Document icon — all five lists share the same style ---- */
.dokumenti-list,
.pravilnik-provedbi-list,
.registar-ugovora-list,
.plan-nabave-list,
.sprjecavanje-interesa-list {
padding: 24px 28px;
background: #eff3f7;
}
.dokumenti-list li,
.pravilnik-provedbi-list li,
.registar-ugovora-list li,
.plan-nabave-list li,
.sprjecavanje-interesa-list li {
gap: 10px;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.dokumenti-list li:first-child,
.pravilnik-provedbi-list li:first-child,
.registar-ugovora-list li:first-child,
.plan-nabave-list li:first-child,
.sprjecavanje-interesa-list li:first-child {
padding-top: 0;
}
.dokumenti-list li:last-child,
.pravilnik-provedbi-list li:last-child,
.registar-ugovora-list li:last-child,
.plan-nabave-list li:last-child,
.sprjecavanje-interesa-list li:last-child {
padding-bottom: 0;
}
.dokumenti-list li::before,
.pravilnik-provedbi-list li::before,
.registar-ugovora-list li::before,
.plan-nabave-list li::before,
.sprjecavanje-interesa-list li::before {
width: 18px;
height: 18px;
margin-top: 2px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpolyline%20points%3D%2714%202%2014%208%2020%208%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2713%27%20x2%3D%278%27%20y2%3D%2713%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2717%27%20x2%3D%278%27%20y2%3D%2717%27%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpolyline%20points%3D%2714%202%2014%208%2020%208%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2713%27%20x2%3D%278%27%20y2%3D%2713%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2717%27%20x2%3D%278%27%20y2%3D%2717%27%2F%3E%3C%2Fsvg%3E");
}
/* =========================================================================
* Edukacije status badge ([edukacija_status] shortcode)
* Base badge look + one color per status slug. Add a line if you create a
* new status term — or set a color on the term via ACF, which overrides this.
* ====================================================================== */
/* Matches the current Elementor heading badge exactly; only the
background color changes per status (see the three rules below). */
.edu-status {
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
font-family: "Instrument Sans", Sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: 0.4px;
color: var(--e-global-color-blocksy_palette_6);
}
.edu-status-otvorene-prijave { background-color: var(--e-global-color-blocksy_palette_5); } /* green */
.edu-status-u-pripremi { background-color: #c88a00; } /* amber */
.edu-status-arhiv { background-color: #6c757d; } /* grey */