.elementor-5280 .elementor-element.elementor-element-59d2a8a{--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:8px 20px;--row-gap:8px;--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-5280 .elementor-element.elementor-element-7212fdc{--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-5280 .elementor-element.elementor-element-a6e9559 > .elementor-widget-container{border-style:none;}.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-wrapper{text-align:start;}.elementor-5280 .elementor-element.elementor-element-a6e9559.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-5280 .elementor-element.elementor-element-a6e9559.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-5280 .elementor-element.elementor-element-a6e9559.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:24px;color:#262626;}.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-5280 .elementor-element.elementor-element-a6e9559:hover .elementor-image-box-img img{filter:brightness( 30% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5280 .elementor-element.elementor-element-3f17988{--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-5280 .elementor-element.elementor-element-7bc91aa > .elementor-widget-container{border-style:none;}.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-wrapper{text-align:start;}.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:21px;font-weight:600;line-height:24px;color:#262626;}.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-description{font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-5280 .elementor-element.elementor-element-c0a3fd6{--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-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-5280 .elementor-element.elementor-element-7212fdc{--width:33%;}.elementor-5280 .elementor-element.elementor-element-3f17988{--width:33%;}.elementor-5280 .elementor-element.elementor-element-c0a3fd6{--width:33%;}}/* Start custom CSS for image-box, class: .elementor-element-a6e9559 *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

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

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

.elementor-5280 .elementor-element.elementor-element-a6e9559 .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-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


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

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5280 .elementor-element.elementor-element-a6e9559: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-5280 .elementor-element.elementor-element-a6e9559 .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5280 .elementor-element.elementor-element-a6e9559:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5280 .elementor-element.elementor-element-a6e9559 .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-5280 .elementor-element.elementor-element-a6e9559:hover .elementor-image-box-description {
  opacity: 1 !important;
}

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

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5280 .elementor-element.elementor-element-a6e9559 .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-5280 .elementor-element.elementor-element-a6e9559 .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-7bc91aa *//* 1) naredimo, da so otroci wrapperja flex‐elementi */
.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

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

.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-img {
  order: 2 !important;   /* potem slika */
}

.elementor-5280 .elementor-element.elementor-element-7bc91aa .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-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-wrapper {
  overflow: hidden !important;
}


________________


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

/* ========== 2) Border on the image when hovering anywhere over the box ========== */
.elementor-5280 .elementor-element.elementor-element-7bc91aa: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-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-content .elementor-image-box-description {
  opacity: 0;
  transition: opacity .3s ease;
}
.elementor-5280 .elementor-element.elementor-element-7bc91aa:hover .elementor-image-box-content .elementor-image-box-description {
  opacity: 1 !important;
}


/* 2) Skrijemo opis do hoverja in ga centriramo */
.elementor-5280 .elementor-element.elementor-element-7bc91aa .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-5280 .elementor-element.elementor-element-7bc91aa:hover .elementor-image-box-description {
  opacity: 1 !important;
}

.elementor-5280 .elementor-element.elementor-element-7bc91aa .elementor-image-box-title {
  padding-bottom: 20px !important;
}

/* Dodajemo nevidni (transparentni) border okoli naslova, da se ne “premakne” na hover */
.elementor-5280 .elementor-element.elementor-element-7bc91aa .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-5280 .elementor-element.elementor-element-7bc91aa .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 */