.elementor-1309 .elementor-element.elementor-element-ecc6e70{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-79c0b2f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-1309 .elementor-element.elementor-element-3f16775 > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-3f16775.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-3f16775.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-3f16775.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-3f16775:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-d4f4ff2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-a960be8 > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-a960be8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-a960be8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-a960be8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-a960be8:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-7f58220{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-6b090d7 > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-6b090d7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-6b090d7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-6b090d7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-6b090d7:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-0ea1703{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-6be5681 > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-0002931{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-1c986df{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-120c241 > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-120c241.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-120c241.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-120c241.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-120c241:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-e3c0abd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-052195e > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-052195e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-052195e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-052195e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-052195e:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-8a1da8d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1309 .elementor-element.elementor-element-6213abd > .elementor-widget-container{border-style:none;}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper{text-align:start;}.elementor-1309 .elementor-element.elementor-element-6213abd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1309 .elementor-element.elementor-element-6213abd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1309 .elementor-element.elementor-element-6213abd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:28px;color:#262626;}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-1309 .elementor-element.elementor-element-6213abd:hover .elementor-image-box-img img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-1309 .elementor-element.elementor-element-3e57f1a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-img{margin-bottom:15px;}.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-1309 .elementor-element.elementor-element-79c0b2f{--width:50%;}.elementor-1309 .elementor-element.elementor-element-d4f4ff2{--width:50%;}.elementor-1309 .elementor-element.elementor-element-7f58220{--width:50%;}.elementor-1309 .elementor-element.elementor-element-0ea1703{--width:50%;}.elementor-1309 .elementor-element.elementor-element-1c986df{--width:50%;}.elementor-1309 .elementor-element.elementor-element-e3c0abd{--width:50%;}.elementor-1309 .elementor-element.elementor-element-8a1da8d{--width:50%;}.elementor-1309 .elementor-element.elementor-element-3e57f1a{--width:50%;}}/* Start custom CSS for image-box, class: .elementor-element-3f16775 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-3f16775:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-3f16775:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-3f16775:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-3f16775 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a960be8 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-a960be8:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-a960be8:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-a960be8:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-a960be8 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6b090d7 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-6b090d7:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-6b090d7:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-6b090d7:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-6b090d7 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6be5681 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-6be5681:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-6be5681:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-6be5681:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-6be5681 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-120c241 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-120c241:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-120c241:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-120c241:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-120c241 .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-052195e *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-052195e:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-052195e:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-052195e:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-052195e .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6213abd *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

/* 2) izrecno določimo vrstni red */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-content {
  order: 1 !important;   /* najprej content */
}

.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-img img {
  /* samo zgornji levi in spodnji desni kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /* da odvečni del slike ne štrli čez zaobljene kote */
  display: block;
}

/* Poskrbimo, da wrapper skriva odvečno: */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


/* ========== 1) On wrapper hover, keep any Elementor overlay transparent ========== */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper::before,
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-wrapper::after {
  background: transparent !important;
  opacity: 0 !important;
}

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-1309 .elementor-element.elementor-element-6213abd:hover .elementor-image-box-img {
  border: 2px solid #e84b0f !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* ========== 3) Hide description by default & show on wrapper hover ========== */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-1309 .elementor-element.elementor-element-6213abd:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-description {
  position: absolute;
  /* centriranje vodoravno + navpično */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  /* širina 80% wrapperja in levo malo paddinga */
  width:100% !important;
  opacity: 0;
  transition: opacity .3s ease;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;

  /* samo top-left in bottom-right kot zaobljen */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* prikaži opis ob hoverju nad wrapperjem */
.elementor-1309 .elementor-element.elementor-element-6213abd:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-title {
  border: 3px solid transparent !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding-bottom: 16px; /* obdrži že dodan padding ali prilagodi po želji */
  box-sizing: border-box; /* vključi border v izračun velikosti */
}

.elementor-1309 .elementor-element.elementor-element-6213abd .elementor-image-box-description {
  /* Naj besedilo zasede največ 70 % širine diva */
  max-width: 70% !important;

  /* Prelomi besedilo samodejno */
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}/* End custom CSS */