.elementor-209 .elementor-element.elementor-element-509aaac{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;}.elementor-209 .elementor-element.elementor-element-509aaac:not(.elementor-motion-effects-element-type-background), .elementor-209 .elementor-element.elementor-element-509aaac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sajam.wpstudio.one/wp-content/uploads/2026/02/DJI_0292t-kopija.jpg");background-position:center center;background-size:cover;}.elementor-209 .elementor-element.elementor-element-509aaac::before, .elementor-209 .elementor-element.elementor-element-509aaac > .elementor-background-video-container::before, .elementor-209 .elementor-element.elementor-element-509aaac > .e-con-inner > .elementor-background-video-container::before, .elementor-209 .elementor-element.elementor-element-509aaac > .elementor-background-slideshow::before, .elementor-209 .elementor-element.elementor-element-509aaac > .e-con-inner > .elementor-background-slideshow::before, .elementor-209 .elementor-element.elementor-element-509aaac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-f5e5262 .elementor-heading-title{color:var( --e-global-color-8d57831 );}.elementor-209 .elementor-element.elementor-element-6892e79{--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:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-209 .elementor-element.elementor-element-4bddc07{--display:flex;}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-post-grid{grid-row-gap:20px;grid-column-gap:20px;}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-image-wrap .upk-main-image .upk-img{height:300px;}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-item{border-radius:5px 5px 5px 5px;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.2);}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-title a{color:#000000;}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-content .upk-title a:before{border-color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-cba2a20 .upk-elite-grid .upk-text{color:#000000;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-843c50b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-209 .elementor-element.elementor-element-4c5d38b{--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;}.elementor-209 .elementor-element.elementor-element-22800c8{padding:4rem 0rem 2rem 0rem;}.elementor-209 .elementor-element.elementor-element-b6c16de{padding:0rem 0rem 2rem 0rem;}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-post-grid{grid-row-gap:20px;grid-column-gap:20px;}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-image-wrap .upk-main-image .upk-img{height:300px;}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-item{border-radius:5px 5px 5px 5px;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.2);}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-title a{color:#000000;}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-content .upk-title a:before{border-color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-b6c16de .upk-elite-grid .upk-text{color:#000000;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-209 .elementor-element.elementor-element-4c5d38b{--width:100%;}}/* Start custom CSS for upk-elite-grid, class: .elementor-element-cba2a20 *//* 1) DO NOT change display of the grid. Just stretch items */
.elementor-element-cba2a20 .upk-post-grid{
  align-items: stretch !important;   /* works for grid or flex */
}

/* 2) Make each item fill the available height */
.elementor-element-cba2a20 .upk-item{
  height: 100% !important;
  display: flex !important;          /* makes child able to stretch */
}

/* 3) Card becomes column flex and fills height */
.elementor-element-cba2a20 .upk-item-box{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* 4) Content area must stretch */
.elementor-element-cba2a20 .upk-content{
  display: flex !important;
  flex: 1 1 auto !important;
}

/* 5) Inner wrapper must also stretch (this is the missing piece usually) */
.elementor-element-cba2a20 .upk-content > div{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* 6) Read more at bottom-right (text only) */
.elementor-element-cba2a20 .upk-content > div::after{
  content: "Pročitaj više";
  margin-top: auto;
  align-self: flex-end;
  background: none;
  color: #9db934;
  font-weight: 600;
  cursor: pointer;
  transition: color .3s ease;
  padding-top: 10px;
}

.elementor-element-cba2a20 .upk-item:hover .upk-content > div::after{
  color: #0F9144;
}/* End custom CSS */
/* Start custom CSS for upk-elite-grid, class: .elementor-element-b6c16de *//* 1) DO NOT change display of the grid. Just stretch items */
.elementor-element-cba2a20 .upk-post-grid{
  align-items: stretch !important;   /* works for grid or flex */
}

/* 2) Make each item fill the available height */
.elementor-element-cba2a20 .upk-item{
  height: 100% !important;
  display: flex !important;          /* makes child able to stretch */
}

/* 3) Card becomes column flex and fills height */
.elementor-element-cba2a20 .upk-item-box{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* 4) Content area must stretch */
.elementor-element-cba2a20 .upk-content{
  display: flex !important;
  flex: 1 1 auto !important;
}

/* 5) Inner wrapper must also stretch (this is the missing piece usually) */
.elementor-element-cba2a20 .upk-content > div{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* 6) Read more at bottom-right (text only) */
.elementor-element-cba2a20 .upk-content > div::after{
  content: "Pročitaj više";
  margin-top: auto;
  align-self: flex-end;
  background: none;
  color: #9db934;
  font-weight: 600;
  cursor: pointer;
  transition: color .3s ease;
  padding-top: 10px;
}

.elementor-element-cba2a20 .upk-item:hover .upk-content > div::after{
  color: #0F9144;
}/* End custom CSS */