.elementor-3523 .elementor-element.elementor-element-d7b5cc2{--display:flex;--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:120px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-3523 .elementor-element.elementor-element-d7b5cc2:not(.elementor-motion-effects-element-type-background), .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyggehost.fi/wp-content/uploads/2025/10/DSC01954-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3523 .elementor-element.elementor-element-d7b5cc2::before, .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .elementor-background-video-container::before, .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .elementor-background-slideshow::before, .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3523 .elementor-element.elementor-element-f5eedf0{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:center;}.elementor-3523 .elementor-element.elementor-element-f5eedf0 .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:65px;font-weight:700;line-height:120%;text-shadow:0px 0px 2px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-3523 .elementor-element.elementor-element-71ae89a{--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;overflow:visible;}.elementor-3523 .elementor-element.elementor-element-a6086c5{--spacer-size:25px;}.elementor-3523 .elementor-element.elementor-element-ff3b8be{--grid-columns:3;--load-more-button-align:center;}.elementor-3523 .elementor-element.elementor-element-ff3b8be .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3523 .elementor-element.elementor-element-ff3b8be .e-loop-item > .elementor-section, .elementor-3523 .elementor-element.elementor-element-ff3b8be .e-loop-item > .elementor-section > .elementor-container, .elementor-3523 .elementor-element.elementor-element-ff3b8be .e-loop-item > .e-con, .elementor-3523 .elementor-element.elementor-element-ff3b8be .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3523 .elementor-element.elementor-element-fab50c1{--display:flex;--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;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-3523 .elementor-element.elementor-element-fab50c1:not(.elementor-motion-effects-element-type-background), .elementor-3523 .elementor-element.elementor-element-fab50c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyggehost.fi/wp-content/uploads/2026/05/DSC08078-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3523 .elementor-element.elementor-element-29fb7b5{text-align:center;}.elementor-3523 .elementor-element.elementor-element-29fb7b5 .elementor-heading-title{font-family:"Mohave", Sans-serif;font-size:40px;font-weight:700;line-height:120%;color:#AC5024;}.elementor-3523 .elementor-element.elementor-element-e44bc66{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-3523 .elementor-element.elementor-element-e44bc66:not(.elementor-motion-effects-element-type-background), .elementor-3523 .elementor-element.elementor-element-e44bc66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F2EE;}.elementor-3523 .elementor-element.elementor-element-f05b6d2{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;overflow:visible;}.elementor-3523 .elementor-element.elementor-element-29e12704{text-align:center;}.elementor-3523 .elementor-element.elementor-element-29e12704 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-3523 .elementor-element.elementor-element-59d4b788{text-align:center;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:31px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 .elementor-main-swiper{height:260px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 .elementor-swiper-button{font-size:20px;}@media(min-width:768px){.elementor-3523 .elementor-element.elementor-element-e44bc66{--width:90%;}.elementor-3523 .elementor-element.elementor-element-f05b6d2{--content-width:1650px;}}@media(max-width:1024px){.elementor-3523 .elementor-element.elementor-element-ff3b8be{--grid-columns:2;}.elementor-3523 .elementor-element.elementor-element-f05b6d2{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-3523 .elementor-element.elementor-element-29e12704 .elementor-heading-title{font-size:45px;}.elementor-3523 .elementor-element.elementor-element-59d4b788{font-size:14px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 .elementor-main-swiper{height:156px;}}@media(max-width:767px){.elementor-3523 .elementor-element.elementor-element-d7b5cc2:not(.elementor-motion-effects-element-type-background), .elementor-3523 .elementor-element.elementor-element-d7b5cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyggehost.fi/wp-content/uploads/2025/10/DSC01954-1-scaled.jpg");}.elementor-3523 .elementor-element.elementor-element-d7b5cc2{--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-3523 .elementor-element.elementor-element-f5eedf0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3523 .elementor-element.elementor-element-f5eedf0 .elementor-heading-title{font-size:35px;}.elementor-3523 .elementor-element.elementor-element-ff3b8be{--grid-columns:1;}.elementor-3523 .elementor-element.elementor-element-fab50c1{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:60px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-3523 .elementor-element.elementor-element-29fb7b5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3523 .elementor-element.elementor-element-29fb7b5 .elementor-heading-title{font-size:30px;}.elementor-3523 .elementor-element.elementor-element-e44bc66{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3523 .elementor-element.elementor-element-f05b6d2{--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3523 .elementor-element.elementor-element-29e12704 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3523 .elementor-element.elementor-element-3c28f6e8 .elementor-main-swiper{height:128px;}}/* Start custom CSS for container, class: .elementor-element-71ae89a *//* Keskitys ja rivivälit */
.hh-city-grid .elementor-posts-container,
.hh-city-grid .elementor-grid {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;   /* keskittää korttirivin */
  gap:24px;                 /* väli korttien välillä */
}

/* Korttien maksileveys (etteivät veny liikaa) */
.hh-city-grid article,
.hh-city-grid .elementor-post {
  max-width: 360px;
}

/* Korttien hover – pieni nosto */
.hh-city-grid .elementor-post,
.hh-city-grid .e-loop-item {
  transition: transform .25s ease, box-shadow .25s ease;
}
.hh-city-grid .elementor-post:hover,
.hh-city-grid .e-loop-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(0,0,0,.15);
}/* End custom CSS */