.elementor-828 .elementor-element.elementor-element-2552e3d{--display:flex;--min-height:18vh;--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:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.26;}.elementor-828 .elementor-element.elementor-element-2552e3d:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-2552e3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-828 .elementor-element.elementor-element-2552e3d::before, .elementor-828 .elementor-element.elementor-element-2552e3d > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-2552e3d > .e-con-inner > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-2552e3d > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-2552e3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-2552e3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-828 .elementor-element.elementor-element-a178899{--display:flex;--min-height:14vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-0e97f91{width:100%;max-width:100%;text-align:center;}.elementor-828 .elementor-element.elementor-element-0e97f91 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-0e97f91.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-828 .elementor-element.elementor-element-0e97f91 .elementor-heading-title{font-size:2.4vw;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:7px;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-01b4e45{width:100%;max-width:100%;text-align:center;font-size:16px;font-weight:400;}.elementor-828 .elementor-element.elementor-element-01b4e45 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-01b4e45.elementor-element{--align-self:flex-start;}.elementor-828 .elementor-element.elementor-element-db2e1e4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.63;--padding-top:1%;--padding-bottom:7%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-db2e1e4::before, .elementor-828 .elementor-element.elementor-element-db2e1e4 > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-db2e1e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-db2e1e4 > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-db2e1e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-db2e1e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://moderamen.gr/wp-content/uploads/2022/10/Moderamen-A4paper-print-co-2-1-1.png");--background-overlay:'';background-position:center center;background-repeat:repeat-x;background-size:68% auto;}.elementor-828 .elementor-element.elementor-element-f5b5dff{--display:flex;--min-height:430px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.7s;border-style:solid;--border-style:solid;border-width:1px 0px 1px 1px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-f5b5dff:hover{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-bb7a6c8 .elementor-icon-wrapper{text-align:center;}.elementor-828 .elementor-element.elementor-element-bb7a6c8 .elementor-icon{font-size:8vw;}.elementor-828 .elementor-element.elementor-element-bb7a6c8 .elementor-icon svg{height:8vw;}.elementor-828 .elementor-element.elementor-element-98a9396 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-98a9396 .elementor-heading-title{font-size:1.8vw;font-weight:400;line-height:1.3em;letter-spacing:1.2px;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-e059071{font-size:16px;font-weight:400;letter-spacing:0.6px;color:#181818BF;}.elementor-828 .elementor-element.elementor-element-4c85384{--display:flex;--min-height:430px;--background-transition:0.7s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-4c85384:hover{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-f28dccd .elementor-icon-wrapper{text-align:left;}.elementor-828 .elementor-element.elementor-element-f28dccd .elementor-icon{font-size:8vw;}.elementor-828 .elementor-element.elementor-element-f28dccd .elementor-icon svg{height:8vw;}.elementor-828 .elementor-element.elementor-element-e299dc4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-e299dc4 .elementor-heading-title{font-size:1.8vw;font-weight:400;line-height:1.3em;letter-spacing:1.2px;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-1e60496{font-size:16px;font-weight:400;letter-spacing:0.6px;color:#181818BF;}.elementor-828 .elementor-element.elementor-element-651fa57{--display:flex;--min-height:430px;--background-transition:0.7s;border-style:solid;--border-style:solid;border-width:1px 0px 1px 1px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-651fa57:hover{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-575e1f7 .elementor-icon-wrapper{text-align:left;}.elementor-828 .elementor-element.elementor-element-575e1f7 .elementor-icon{font-size:8vw;}.elementor-828 .elementor-element.elementor-element-575e1f7 .elementor-icon svg{height:8vw;}.elementor-828 .elementor-element.elementor-element-ff9aa6b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-ff9aa6b .elementor-heading-title{font-size:2vw;font-weight:400;line-height:1.3em;letter-spacing:1.2px;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-5e16a78{font-size:16px;font-weight:400;letter-spacing:0.6px;color:#181818BF;}.elementor-828 .elementor-element.elementor-element-17d17bb{--display:flex;--min-height:430px;--background-transition:0.7s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-17d17bb:hover{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-dea2d6c .elementor-icon-wrapper{text-align:left;}.elementor-828 .elementor-element.elementor-element-dea2d6c .elementor-icon{font-size:8vw;}.elementor-828 .elementor-element.elementor-element-dea2d6c .elementor-icon svg{height:8vw;}.elementor-828 .elementor-element.elementor-element-1bcfe13 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-1bcfe13 .elementor-heading-title{font-size:2vw;font-weight:400;line-height:1.3em;letter-spacing:1.2px;color:var( --e-global-color-accent );}.elementor-828 .elementor-element.elementor-element-24b3a25{font-size:16px;font-weight:400;letter-spacing:0.6px;color:#181818BF;}.elementor-828 .elementor-element.elementor-element-3c0a384{--display:flex;--min-height:0px;--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;}.elementor-828 .elementor-element.elementor-element-3c0a384:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-3c0a384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-220f982{--display:flex;--min-height:0px;--padding-top:0vw;--padding-bottom:-1vw;--padding-left:0vw;--padding-right:0vw;}.elementor-828 .elementor-element.elementor-element-c028ec4{width:100%;max-width:100%;text-align:center;}.elementor-828 .elementor-element.elementor-element-c028ec4 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-828 .elementor-element.elementor-element-c028ec4.elementor-element{--align-self:center;}.elementor-828 .elementor-element.elementor-element-c028ec4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1.4vw;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:21px;letter-spacing:1px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button{background-color:var( --e-global-color-b72ff5e );font-size:14px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b72ff5e );border-radius:1px 1px 1px 1px;padding:10px 15px 10px 15px;}.elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button:hover, .elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-b72ff5e );border-color:var( --e-global-color-b72ff5e );}.elementor-828 .elementor-element.elementor-element-5d08cfb > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button:hover svg, .elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button:focus svg{fill:var( --e-global-color-b72ff5e );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-828 .elementor-element.elementor-element-2552e3d{--content-width:1571px;}.elementor-828 .elementor-element.elementor-element-f5b5dff{--width:50%;}.elementor-828 .elementor-element.elementor-element-4c85384{--width:50%;}.elementor-828 .elementor-element.elementor-element-651fa57{--width:50%;}.elementor-828 .elementor-element.elementor-element-17d17bb{--width:50%;}.elementor-828 .elementor-element.elementor-element-3c0a384{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-828 .elementor-element.elementor-element-f5b5dff{--width:100%;}.elementor-828 .elementor-element.elementor-element-4c85384{--width:100%;}.elementor-828 .elementor-element.elementor-element-651fa57{--width:100%;}.elementor-828 .elementor-element.elementor-element-17d17bb{--width:100%;}}@media(max-width:1024px){.elementor-828 .elementor-element.elementor-element-0e97f91 .elementor-heading-title{font-size:50px;}.elementor-828 .elementor-element.elementor-element-db2e1e4{--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;--flex-wrap:wrap;}.elementor-828 .elementor-element.elementor-element-f5b5dff{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-4c85384{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-651fa57{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-17d17bb{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-c028ec4 .elementor-heading-title{font-size:15px;line-height:17px;}.elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button{font-size:15px;line-height:17px;}}@media(max-width:767px){.elementor-828 .elementor-element.elementor-element-0e97f91.elementor-element{--align-self:flex-start;}.elementor-828 .elementor-element.elementor-element-0e97f91{text-align:center;}.elementor-828 .elementor-element.elementor-element-0e97f91 .elementor-heading-title{font-size:21px;line-height:37px;letter-spacing:0px;}.elementor-828 .elementor-element.elementor-element-bb7a6c8 .elementor-icon{font-size:19vw;}.elementor-828 .elementor-element.elementor-element-bb7a6c8 .elementor-icon svg{height:19vw;}.elementor-828 .elementor-element.elementor-element-98a9396 .elementor-heading-title{font-size:22px;}.elementor-828 .elementor-element.elementor-element-4c85384{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-828 .elementor-element.elementor-element-f28dccd .elementor-icon{font-size:19vw;}.elementor-828 .elementor-element.elementor-element-f28dccd .elementor-icon svg{height:19vw;}.elementor-828 .elementor-element.elementor-element-e299dc4 .elementor-heading-title{font-size:22px;}.elementor-828 .elementor-element.elementor-element-651fa57{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-828 .elementor-element.elementor-element-575e1f7 .elementor-icon{font-size:19vw;}.elementor-828 .elementor-element.elementor-element-575e1f7 .elementor-icon svg{height:19vw;}.elementor-828 .elementor-element.elementor-element-ff9aa6b .elementor-heading-title{font-size:22px;}.elementor-828 .elementor-element.elementor-element-17d17bb{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-828 .elementor-element.elementor-element-dea2d6c .elementor-icon{font-size:19vw;}.elementor-828 .elementor-element.elementor-element-dea2d6c .elementor-icon svg{height:19vw;}.elementor-828 .elementor-element.elementor-element-1bcfe13 .elementor-heading-title{font-size:22px;}.elementor-828 .elementor-element.elementor-element-c028ec4 .elementor-heading-title{font-size:5vw;line-height:22px;}.elementor-828 .elementor-element.elementor-element-5d08cfb > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-828 .elementor-element.elementor-element-5d08cfb .elementor-button{font-size:4vw;line-height:20px;}}/* Start custom CSS */.ingredient-box {
  position: relative;
  overflow: hidden;
  padding: 40px;
}

.ingredient-box::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.ingredient-title {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.ingredient-desc {
  position: static;
  color: white;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: translateY(10px);
  margin-top: 10px;
}

/* Hover Effects - Desktop Only */
@media (min-width: 768px) {
  .ingredient-box:hover .ingredient-title {
    opacity: 1;
    
    transform: translateY(0px);
  }

  .ingredient-box:hover .ingredient-desc {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Always Visible on Mobile */
@media (max-width: 767px) {
  .ingredient-desc {
    opacity: 1;
    transform: none;
    color: #000; /* άλλαξε αν χρειαστεί */
  }

  .ingredient-title {
    opacity: 1 !important;
    transform: none !important;
  }
}/* End custom CSS */