.elementor-337 .elementor-element.elementor-element-8eda896{--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;--overlay-opacity:0.5;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-8eda896:not(.elementor-motion-effects-element-type-background), .elementor-337 .elementor-element.elementor-element-8eda896 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://www.vaihela.fi/wp-content/uploads/2026/03/Banner_ravintola.jpeg");background-position:center center;background-size:cover;}.elementor-337 .elementor-element.elementor-element-8eda896::before, .elementor-337 .elementor-element.elementor-element-8eda896 > .elementor-background-video-container::before, .elementor-337 .elementor-element.elementor-element-8eda896 > .e-con-inner > .elementor-background-video-container::before, .elementor-337 .elementor-element.elementor-element-8eda896 > .elementor-background-slideshow::before, .elementor-337 .elementor-element.elementor-element-8eda896 > .e-con-inner > .elementor-background-slideshow::before, .elementor-337 .elementor-element.elementor-element-8eda896 > .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-337 .elementor-element.elementor-element-60793af{text-align:center;}.elementor-337 .elementor-element.elementor-element-60793af .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:88px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-337 .elementor-element.elementor-element-6147f66{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:22px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-icon i{color:#AFEBFF;transition:color 0.3s;}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-icon svg{fill:#AFEBFF;transition:fill 0.3s;}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;}.elementor-337 .elementor-element.elementor-element-6147f66 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-337 .elementor-element.elementor-element-0a1480d{--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-337 .elementor-element.elementor-element-a43ce7e{--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:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-a43ce7e:not(.elementor-motion-effects-element-type-background), .elementor-337 .elementor-element.elementor-element-a43ce7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4F4;}.elementor-337 .elementor-element.elementor-element-dc34462{--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:03px;--padding-bottom:30px;--padding-left:40px;--padding-right:20px;}.elementor-337 .elementor-element.elementor-element-46d513b{--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;--border-radius:90px 0px 0px 90px;}.elementor-337 .elementor-element.elementor-element-46d513b:not(.elementor-motion-effects-element-type-background), .elementor-337 .elementor-element.elementor-element-46d513b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://www.vaihela.fi/wp-content/uploads/2026/03/Viinikellari_IMG_1247_1_DXO.jpg");background-position:center center;background-size:cover;}.elementor-337 .elementor-element.elementor-element-a587597{--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-337 .elementor-element.elementor-element-c3910cf{--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;}.elementor-337 .elementor-element.elementor-element-c3910cf:not(.elementor-motion-effects-element-type-background), .elementor-337 .elementor-element.elementor-element-c3910cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #004D66 0%, #004D66 47%);}.elementor-337 .elementor-element.elementor-element-ed3efc2{--e-image-carousel-slides-to-show:4;margin:-41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-24px 0px 0px 0px;}.elementor-337 .elementor-element.elementor-element-ed3efc2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-337 .elementor-element.elementor-element-ed3efc2 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-337 .elementor-element.elementor-element-ed3efc2 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-337 .elementor-element.elementor-element-ed3efc2 .swiper-wrapper{display:flex;align-items:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-337 .elementor-element.elementor-element-dc34462{--width:75%;}.elementor-337 .elementor-element.elementor-element-46d513b{--width:50%;}}@media(max-width:767px){.elementor-337 .elementor-element.elementor-element-8eda896{--min-height:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-60793af .elementor-heading-title{font-size:71px;}.elementor-337 .elementor-element.elementor-element-dc34462{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-337 .elementor-element.elementor-element-46d513b{--min-height:327px;--margin-top:30px;--margin-bottom:30px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image-carousel, class: .elementor-element-ed3efc2 *//* =========================================
   #TILAKARUSELLI — VAIHELA / EI VÄLEJÄ, EI HOVERIA
   ========================================= */

#tilakaruselli {
  --tilakaruselli-h: 360px;
  --vaihela-primary: #004d66;
  --vaihela-white: #ffffff;

  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

#tilakaruselli *,
#tilakaruselli *::before,
#tilakaruselli *::after {
  box-sizing: border-box;
}

/* Poista kaikki mahdolliset välit wrapper-tasoilta */
#tilakaruselli .elementor-widget-container,
#tilakaruselli .elementor-image-carousel-wrapper,
#tilakaruselli .swiper,
#tilakaruselli .swiper-container {
  height: var(--tilakaruselli-h) !important;
  min-height: var(--tilakaruselli-h) !important;
  max-height: var(--tilakaruselli-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Swiper wrapperia ei rikota */
#tilakaruselli .swiper-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  align-items: stretch !important;
}

/* Jokainen slide */
#tilakaruselli .swiper-slide {
  position: relative;
  height: var(--tilakaruselli-h) !important;
  min-height: var(--tilakaruselli-h) !important;
  max-height: var(--tilakaruselli-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Poista slide-overlay kokonaan */
#tilakaruselli .swiper-slide::after {
  display: none !important;
  content: none !important;
}

/* Sisäwrappereiden keskitys */
#tilakaruselli .swiper-slide .swiper-slide-inner,
#tilakaruselli .swiper-slide > a,
#tilakaruselli .swiper-slide > figure,
#tilakaruselli .swiper-slide > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Kuvat näkyviin varmasti */
#tilakaruselli .swiper-slide img,
#tilakaruselli img.swiper-slide-image,
#tilakaruselli .swiper-slide .swiper-slide-inner img {
  display: block !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: top !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* Ei hover-efektiä */
#tilakaruselli .swiper-slide:hover img {
  transform: none !important;
  filter: none !important;
}

/* Linkit normaalisti */
#tilakaruselli .swiper-slide > a,
#tilakaruselli .swiper-slide a {
  position: relative;
  z-index: 2;
}

/* Nuolet */
#tilakaruselli .elementor-swiper-button-prev,
#tilakaruselli .elementor-swiper-button-next {
  color: var(--vaihela-white) !important;
  background: rgba(0, 77, 102, 0.72);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  width: 46px;
  height: 46px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: background 0.28s ease, transform 0.28s ease, border-color 0.28s ease;
  box-shadow: 0 10px 24px rgba(3, 40, 54, 0.16);
  line-height: 1 !important;
  font-size: 16px !important;
}

#tilakaruselli .elementor-swiper-button-prev:hover,
#tilakaruselli .elementor-swiper-button-next:hover {
  background: var(--vaihela-primary);
  border-color: rgba(255,255,255,0.24);
  color: var(--vaihela-white) !important;
  transform: scale(1.04);
}

#tilakaruselli .elementor-swiper-button-prev i,
#tilakaruselli .elementor-swiper-button-next i,
#tilakaruselli .elementor-swiper-button-prev svg,
#tilakaruselli .elementor-swiper-button-next svg {
  font-size: 16px !important;
  width: 16px;
  height: 16px;
  line-height: 1 !important;
}

/* Bulletit */
#tilakaruselli .swiper-pagination {
  bottom: 10px !important;
  line-height: 0 !important;
}

#tilakaruselli .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: rgba(255,255,255,0.38);
  opacity: 1;
  transition: transform 0.25s ease, background 0.25s ease;
}

#tilakaruselli .swiper-pagination-bullet-active {
  background: #ffffff;
  transform: scale(1.08);
}

/* Elementorin omat välit pois */
#tilakaruselli.elementor-widget,
#tilakaruselli.elementor-element {
  margin: 0 !important;
  padding: 0 !important;
}

/* Vielä varmistus ettei kuvan ympärille jää inline-gap */
#tilakaruselli figure,
#tilakaruselli a,
#tilakaruselli img {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Mobiili */
@media (max-width: 768px) {
  #tilakaruselli {
    --tilakaruselli-h: 280px;
  }

  #tilakaruselli .elementor-swiper-button-prev,
  #tilakaruselli .elementor-swiper-button-next {
    width: 40px;
    height: 40px;
  }

  #tilakaruselli .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}/* End custom CSS */