.elementor-3366 .elementor-element.elementor-element-1f397f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3366 .elementor-element.elementor-element-1f397f1:not(.elementor-motion-effects-element-type-background), .elementor-3366 .elementor-element.elementor-element-1f397f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dev.tem.co.ba/wp-content/uploads/2025/12/3536767.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3366 .elementor-element.elementor-element-a073caf{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-3366 .elementor-element.elementor-element-a073caf:not(.elementor-motion-effects-element-type-background), .elementor-3366 .elementor-element.elementor-element-a073caf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00A4EFBF;}.elementor-3366 .elementor-element.elementor-element-fc0ce8b .elementor-heading-title{font-size:2.8em;font-weight:600;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );text-shadow:0px 3px 1px rgba(0, 0, 0, 0.75);color:var( --e-global-color-bb24205 );}.elementor-3366 .elementor-element.elementor-element-f6281c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:35px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-3366 .elementor-element.elementor-element-e5049a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3366 .elementor-element.elementor-element-5066adb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3366 .elementor-element.elementor-element-67323b6 img{border-radius:3px 3px 3px 3px;box-shadow:0px 10px 15px -8px rgba(0, 0, 0, 0.25);}.elementor-3366 .elementor-element.elementor-element-3da8246{background-color:var( --e-global-color-bb24205 );padding:5px 7px 5px 7px;bottom:20px;border-radius:3px 3px 3px 3px;}body:not(.rtl) .elementor-3366 .elementor-element.elementor-element-3da8246{left:50px;}body.rtl .elementor-3366 .elementor-element.elementor-element-3da8246{right:50px;}.elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-icon i{color:var( --e-global-color-primary );font-size:0.9em;}.elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );--e-icon-list-icon-size:0.9em;}.elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-icon{width:0.9em;}.elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-text, .elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-text a{color:var( --e-global-color-primary );}.elementor-3366 .elementor-element.elementor-element-3da8246 .elementor-icon-list-item{font-family:"Montserrat", Sans-serif;font-size:0.8em;font-weight:500;}.elementor-3366 .elementor-element.elementor-element-1605558 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.1em;font-weight:600;}.elementor-3366 .elementor-element.elementor-element-b300d34{--divider-border-style:solid;--divider-color:var( --e-global-color-87163fb );--divider-border-width:1px;}.elementor-3366 .elementor-element.elementor-element-b300d34 .elementor-divider-separator{width:100%;}.elementor-3366 .elementor-element.elementor-element-b300d34 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3366 .elementor-element.elementor-element-6aea7d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3366 .elementor-element.elementor-element-1684389{--display:flex;}.elementor-3366 .elementor-element.elementor-element-72235f3 .elementor-heading-title{font-size:1.3em;font-weight:500;}.elementor-3366 .elementor-element.elementor-element-bd07cea{--grid-row-gap:20px;--grid-column-gap:15px;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3366 .elementor-element.elementor-element-bd07cea:after{content:"0.5";}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__thumbnail__link{width:100%;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__meta-data span + span:before{content:"•";}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__card{border-color:var( --e-global-color-87163fb );border-width:1px;border-radius:3px;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__text{padding:0 10px;margin-top:0px;margin-bottom:8px;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__meta-data{padding:10px 10px;color:var( --e-global-color-7e7e770 );font-weight:400;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__avatar{padding-right:10px;padding-left:10px;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__card .elementor-post__meta-data{border-top-color:var( --e-global-color-87163fb );}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__badge{right:0;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__card .elementor-post__badge{font-size:11px;margin:5px;font-weight:500;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__title, .elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__title a{color:var( --e-global-color-primary );font-size:1em;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__title{margin-bottom:12px;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__read-more{color:var( --e-global-color-secondary );margin-bottom:8px;}.elementor-3366 .elementor-element.elementor-element-bd07cea a.elementor-post__read-more{font-size:0.8em;font-weight:600;}@media(min-width:768px){.elementor-3366 .elementor-element.elementor-element-e5049a9{--width:75%;}.elementor-3366 .elementor-element.elementor-element-5066adb{--width:100%;}.elementor-3366 .elementor-element.elementor-element-6aea7d8{--width:25%;}}@media(max-width:1024px){.elementor-3366 .elementor-element.elementor-element-3da8246{bottom:20px;}.elementor-3366 .elementor-element.elementor-element-1605558 .elementor-heading-title{font-size:2em;}}@media(max-width:767px){.elementor-3366 .elementor-element.elementor-element-3da8246{bottom:20px;}.elementor-3366 .elementor-element.elementor-element-1605558 .elementor-heading-title{font-size:1.9em;}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3366 .elementor-element.elementor-element-bd07cea:after{content:"0.5";}.elementor-3366 .elementor-element.elementor-element-bd07cea .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-a073caf */.elementor-3366 .elementor-element.elementor-element-a073caf {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); /* Za Chrome, Safari */
    /* 2. SUBLITNI OKVIR (BORDER) - Daje izgled "rubova stakla" */
    border: 1px solid rgba(255, 255, 255, 0.15); /* Veoma tanka, providna bijela linija */
    
    /* 3. BLAGA SJENA (SHADOW) - Daje dubinu i debljinu */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); 
    
    /* 4. OPCIONO: ZAOBILJENI RUBOVI */
    border-radius: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f397f1 */.elementor-3366 .elementor-element.elementor-element-1f397f1 {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* Za bolju kompatibilnost u nekim browserima */
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-b7a575e *//* Target galleries within the Post Content widget */
.elementor-widget-theme-post-content .gallery-columns-4 .gallery-item {
    width: 25%; /* 100% / 4 columns */
}

/* Ensure images don't exceed their column width */
.elementor-widget-theme-post-content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 1. Force the main gallery items to float and wrap */
#gallery-1 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 23%; /* Less than 25% to account for margins/borders */
}

#gallery-2 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 23%; /* Less than 25% to account for margins/borders */
}

#gallery-3 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 23%; /* Less than 25% to account for margins/borders */
}

/* 2. Ensure images within the item scale correctly */
#gallery-2 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-2::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-2 .gallery-item:nth-child(4n) {
    margin-right: 0;
}

/* 2. Ensure images within the item scale correctly */
#gallery-1 .gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-1::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-1 .gallery-item:nth-child(4n) {
    margin-right: 0;
}

/* 2. Ensure images within the item scale correctly */
#gallery-3 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-3::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-3 .gallery-item:nth-child(4n) {
    margin-right: 0;
}

@media only screen and (max-width: 500px) {
    /* Target galleries within the Post Content widget */
.elementor-widget-theme-post-content .gallery-columns-4 .gallery-item {
    width: 50%; /* 100% / 4 columns */
}

/* Ensure images don't exceed their column width */
.elementor-widget-theme-post-content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 1. Force the main gallery items to float and wrap */
#gallery-1 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 44%; /* Less than 25% to account for margins/borders */
}

/* 2. Ensure images within the item scale correctly */
#gallery-1 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-1::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-1 .gallery-item:nth-child(2n) {
    margin-right: 0;
}


/* 1. Force the main gallery items to float and wrap */
#gallery-2 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 44%; /* Less than 25% to account for margins/borders */
}

/* 2. Ensure images within the item scale correctly */
#gallery-2 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-2::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-2 .gallery-item:nth-child(2n) {
    margin-right: 0;
}


/* 1. Force the main gallery items to float and wrap */
#gallery-3 .gallery-item {
    float: left; /* Makes items sit side-by-side */
    margin-top: 10px; /* Adds vertical space between rows */
    margin-right: 10px; /* Adds horizontal space between items */
    width: 44%; /* Less than 25% to account for margins/borders */
}

/* 2. Ensure images within the item scale correctly */
#gallery-3 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 3. Clear the floats after the gallery to prevent layout issues below it */
#gallery-3::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Optional: Adjust the last item in a row to fit exactly */
#gallery-3 .gallery-item:nth-child(2n) {
    margin-right: 0;
}
}/* End custom CSS */